/* ============================================================
   Seller Signal by ClientGen — design tokens
   Single source of truth. The live app + white-label tenants
   theme from these CSS variables. Never hardcode hex in UI.
   ============================================================ */

@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800&display=swap");

:root {
  /* ---- Core palette (ClientGen family) ---- */
  --ink: #11283F;          /* headings, body, dark surfaces, wordmark */
  --ink-2: #33464A;        /* secondary heading / strong body */
  --brand: #3FA24A;        /* primary actions, pulse core, "hot"/active, gains */
  --brand-dk: #2E7D38;     /* brand-colored TEXT + links (AA on white) */
  --pulse: #61BD6B;        /* radiating rings, tints, highlights */
  --mint: #B0DAAF;         /* text on dark, soft fills */
  --mint-dk: #7FBF85;      /* mint that holds on tinted-dark */
  --slate: #5C6F72;        /* sub-text, captions */
  --paper: #F4F7F6;        /* tinted cards, surfaces */
  --line: #E2E9E8;         /* borders, hairlines */
  --paper-dk: #E9F0EE;     /* deeper tinted fill */
  --white: #FFFFFF;

  /* ---- Semantic roles ---- */
  --bg: var(--white);
  --surface: var(--paper);
  --text: var(--ink);
  --text-muted: var(--slate);
  --link: var(--brand-dk);
  --border: var(--line);
  --focus: var(--brand-dk);

  /* ---- Score / status (reserved, fixed) ---- */
  --score-warm: #C79A2E;   /* warm score */
  --score-cool: #8A97A0;   /* cool score */
  --life-bg: #EDE7F6;  --life-fg: #5E35B1;   /* life-event pill */
  --warn-bg: #FBEFD6;  --warn-fg: #9A6B12;   /* warning */
  /* Readiness gradient stops, score 0 -> 100 */
  --rd-0:#CC4636; --rd-25:#E07A2A; --rd-50:#D29B2B; --rd-75:#7DB13A; --rd-100:#1E9E55;

  /* ---- Type ---- */
  --font-sans: "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;
  --fw-regular: 400;   /* @kind font */
  --fw-medium: 500;    /* @kind font */
  --fw-semibold: 600;  /* @kind font */
  --fw-bold: 700;      /* @kind font */
  --fw-heavy: 800;     /* @kind font */
  /* numerals: money + scores use tabular lining figures */
  --num: "tnum" 1, "lnum" 1;   /* @kind other */

  /* ---- Type scale (desktop-first) ---- */
  --t-display: 56px;
  --t-h1: 40px;
  --t-h2: 28px;
  --t-h3: 20px;
  --t-body: 16px;
  --t-sm: 14px;
  --t-cap: 12.5px;

  /* ---- Radius / elevation / spacing ---- */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(17,40,63,.06), 0 1px 3px rgba(17,40,63,.05);
  --shadow-md: 0 6px 20px rgba(17,40,63,.08), 0 2px 6px rgba(17,40,63,.05);
  --space: 8px;
}