/* ============================================================
   DATA — Design Tokens (canonical)
   Source: Figma file "DATA" (y6Gv5yD8WOnr9372lTCKs1) + logo SVGs.
   EXTRACTED = read straight from source. INFERRED = interpolated.

   PROVENANCE, corrected 27 Aug 2026. This file previously said "extracted
   from Figma" without qualification, and four of the neutrals below are
   marked EXTRACTED. That is true and incomplete: cd read the Figma file
   and found that /Design-Tokens/Colors is an unmodified copy of IBM
   Carbon's palette. The page still carries Carbon's own header —
   "Inspired by https://carbon-elements.netlify.app/colors/examples/preview/"
   and the instruction "Customize them!" — and its "Primary" ramp is Carbon
   blue (#0F62FE), not DATA green. The instruction was never carried out.

   So the neutral ramp is Carbon's, read via our Figma file rather than
   authored in it. Nothing here changes value; what changes is the claim.
   Carbon is IBM's, Apache-2.0, and a good accessible ramp — using it is
   not the issue. Saying it came from us would be.

   This matters more here than it would elsewhere: the home page asserts
   "computational traditions · attributed" and carries an invitation to
   correct the record. A design-token file that credits itself for someone
   else's palette is the same claim, made about us, in the other direction.
   (cd, design/TOKENS_FROM_FIGMA.md)
   ============================================================ */

:root {
  /* ---- Colour (EXTRACTED from Figma) -----------------------
     The greens and the accents are DATA's, authored in the file.
     The four neutrals marked `carbon` are IBM Carbon's coolGray ramp,
     unmodified — read via our Figma file, not authored in it. See the
     provenance note above. */
  --data-green:        #396250; /* Primary / "Dark green" / "Green 1" */
  --data-ink:          #21272a; /* primary text on light   — carbon coolGray-90 */
  --data-ink-alt:      #303030; /* "Gray 1" — alt near-black */
  --data-muted:        #697077; /* secondary / caption text — carbon coolGray-60 */
  --data-line:         #dde1e6; /* hairline borders (cards) — carbon coolGray-20 */
  --data-surface:      #f2f4f8; /* light fill (badges, surfaces) — carbon coolGray-10 */
  --data-white:        #ffffff;
  --data-indigo:       #001d6c; /* cover-only accent (not in the logo) */

  /* ---- Colour (BRAND DOTS — EXTRACTED from DATA_Logo.svg) --- */
  --data-green-light:  #55b57a; /* secondary / light green */
  --data-terracotta:   #bb563d; /* terracotta / rust */
  --data-maroon:       #894539; /* deep brick / maroon */
  --data-green-half:   #41705c; /* half-moon dot in the logomark (hero motif) */

  /* ---- Warm ink (deck/print + tooltip surface) ------------- */
  --data-charcoal:     #2c201f; /* warm charcoal — deck ink & tooltip bg */

  /* ---- Status (notifications / badges / chart deltas) ------
     info uses brand green — the kit's indigo info is a Carbon
     library default, not a DATA decision (DESIGN_HANDOFF). */
  --status-success:    #25a249;
  --status-warning:    #f1c21b;
  --status-error:      #da1e28;

  /* ---- Type families (EXTRACTED) --------------------------- */
  --font-display: "Source Serif 4", Georgia, serif;        /* headings */
  --font-sans:    "Source Sans 3", system-ui, sans-serif;  /* body / UI / buttons */
  --font-data:    "Roboto", system-ui, sans-serif;         /* dashboards / data (Grafana-aligned) */

  /* ---- Type scale (EXTRACTED unless noted) ----------------- */
  --fs-h1: 44px;  --lh-h1: 1.1;                 /* Heading/1 */
  --fs-h2: 38px;  --lh-h2: 1.1;                 /* Heading/2 */
  --fs-h3: 30px;  --lh-h3: 1.12;                /* Heading/3 (INFERRED) */
  --fs-h4: 24px;  --lh-h4: 1.15; --ls-h4: -0.5px; /* Heading/4 */
  --fs-caption: 16px; --lh-caption: 1; --ls-caption: 1px; /* Caption (uppercase) */
  --fs-body-l: 18px; --lh-body: 1.4;            /* Body/L */
  --fs-body-m: 16px;                            /* Body/M (INFERRED) */
  --fs-body-s: 14px;                            /* Body/S (INFERRED) */
  --fs-button: 18px;                            /* Button/L */
  --fs-display: clamp(40px, 6vw, 64px);         /* hero (POC extension) */

  --fw-display: 500; --fw-regular: 400; --fw-semibold: 600; --fw-bold: 700;

  /* ---- Spacing / radius / buttons (EXTRACTED) -------------- */
  --space-1: 8px; --space-2: 16px; --space-3: 24px; --space-4: 40px; --space-6: 80px;
  --container: 1200px;
  --radius-pill: 100px; --radius-badge: 12px; --radius-card: 8px;
  --btn-height: 56px; --btn-pad-x: 32px; --btn-border: 2px;
}