/* ============================================================
   C2E Engineering — tokens.css
   THE single source of truth for every visual variable.
   Every page links this file. Define values ONCE, here.
   ============================================================ */

:root{

  /* ---------- COLORS ---------- */

  /* Light surface (page content) */
  --bg:#f0eeea;            /* page background — warm paper      (= --l-bg) */
  --surface:#ffffff;       /* cards, raised panels              (= --l-surf) */
  --border:#d0ccc4;        /* standard hairline                 (= --l-border) */
  --border-soft:#f0ece5;   /* faint internal divider */

  /* Text on light */
  --text:#1a1a18;          /* headings + primary text */
  --text-strong:#181816;   /* homepage heading ink              (= --l-text) */
  --text-ink:#000000;      /* pure-black body used on homepage  (= --l-muted/--l-mid) */
  --text-body:#363632;     /* body paragraphs (legal/prose) */
  --text-muted:#606060;    /* secondary text                    (= --l-faint) */
  --text-subtle:#888888;   /* labels, dates */
  --text-faint:#999999;    /* card dates */

  /* Accents */
  --accent:#1a5f88;        /* primary — links, labels           (= --l-accent) */
  --accent-bright:#3b9eca; /* secondary — bullets, dark accent  (= --d-accent) */
  --gold:#b08d57;          /* testimonial rule */
  --cream:#fdf6ec;         /* testimonial background */
  --sky:#7eb8e8;           /* advisor domain text */

  /* Dark surface (nav, footer, dark sections) */
  --dark-bg:#0d1219;                   /* (= --d-bg) */
  --dark-surface:#111923;              /* (= --d-surf) */
  --dark-surface-2:#161f2b;            /* (= --d-surf2) */
  --dark-border:#1e2f3f;               /* (= --d-border) */
  --dark-nav:rgba(13,18,25,.97);
  --frost:#edf3f7;                     /* (= --d-frost) */

  /* Text on dark */
  --on-dark:#ffffff;                   /* (= --d-ice / --d-muted) */
  --on-dark-soft:rgba(255,255,255,.75);
  --on-dark-muted:rgba(255,255,255,.65);
  --on-dark-faint:rgba(255,255,255,.5);

  /* ---------- TYPOGRAPHY ---------- */
  --font:"Helvetica Neue","Helvetica","Arial",sans-serif;

  --fs-hero:clamp(38px,5vw,64px); /* homepage hero H1 */
  --fs-display:clamp(30px,5vw,44px); /* page titles (blog, legal) */
  --fs-h2:30px;     /* section headings */
  --fs-title:20px;  /* card / engagement titles */
  --fs-lg:17px;     /* logo mark, panel name */
  --fs-h3:16px;     /* subsection / doc headings */
  --fs-md:15px;     /* leads, body on dark sections */
  --fs-body:16px;   /* base body */
  --fs-sm:14px;     /* card body, captions */
  --fs-meta:13px;   /* spec rows, small UI text */
  --fs-xs:11px;     /* nav links, dates */
  --fs-label:9px;   /* eyebrows / micro-labels */

  --lh-tight:1.1;   /* headings */
  --lh-snug:1.25;   /* card titles */
  --lh-body:1.6;    /* default */
  --lh-prose:1.7;   /* reading columns */

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

  --tracking-tight:-.02em; /* headings */
  --tracking-label:.18em;  /* eyebrows */
  --tracking-wide:.12em;   /* nav links, CTAs */

  /* ---------- SPACING (4px base) ---------- */
  --space-1:4px;  --space-2:8px;  --space-3:12px; --space-4:16px;
  --space-5:20px; --space-6:24px; --space-7:28px; --space-8:32px;
  --space-9:36px; --space-11:44px;--space-12:48px;--space-14:56px;
  --space-16:64px;--space-18:72px;--space-22:88px;

  /* ---------- LAYOUT ---------- */
  --container-text:720px;  /* reading column (legal, articles) */
  --container-wide:1080px; /* grids, homepage sections */
  --gutter:48px;           /* desktop side padding */
  --gutter-mobile:20px;
  --nav-h:56px;

  /* ---------- BORDERS / RADIUS / SHADOW ---------- */
  /* The brand is intentionally hard-edged and flat: no radius, no shadow.
     These tokens exist so the decision is explicit and changed in one place. */
  --radius:0;
  --radius-pill:999px;     /* reserved (unused today) */
  --shadow:none;
  --hairline:1px solid var(--border);
  --hairline-dark:1px solid var(--dark-border);

  /* ---------- MOTION ---------- */
  --t-fast:.15s;
  --t-base:.2s;

  /* ============================================================
     COMPATIBILITY ALIASES
     The homepage and scheduler were authored with --d-* / --l-*
     names. These aliases let that existing code keep resolving
     from THIS shared file — same values, no visual change — so
     there is only ever one place to edit a token.
     ============================================================ */
  --d-bg:var(--dark-bg);
  --d-surf:var(--dark-surface);
  --d-surf2:var(--dark-surface-2);
  --d-border:var(--dark-border);
  --d-accent:var(--accent-bright);
  --d-frost:var(--frost);
  --d-ice:var(--on-dark);
  --d-muted:var(--on-dark);   /* homepage used pure #fff for "muted" on dark */

  --l-bg:var(--bg);
  --l-surf:var(--surface);
  --l-border:var(--border);
  --l-accent:var(--accent);
  --l-text:var(--text-strong);
  --l-mid:var(--text-ink);
  --l-muted:var(--text-ink);
  --l-faint:var(--text-muted);

  --white:#ffffff;
}