/* ============================================================================
   Flowziv WEBSITE tokens - the single source of truth for everything under
   website/. Speaks the design-system spine vocabulary
   (design-system/tokens.css): --bg / --surface / --fg / --accent / ... so the
   site and the spine share one language.

   The spine remains the brand authority; this file is its WEBSITE
   instantiation. A few values intentionally differ from the spine's defaults
   to preserve the current site look (locked by Raiyan) - those are marked.
   Netlify publishes only website/, so the site carries this file rather than
   referencing design-system/tokens.css directly.
   Authored 2026-07-14 (spine-merge dedupe: 10 identical inline :root blocks
   collapsed into this one file).
   ========================================================================== */
:root{
  /* ── Surfaces ─────────────────────────────────────────────────────────── */
  --bg:#F2F8FB;        /* page - site cool tint (spine default #f7fafb) */
  --bg-2:#EAF3F7;      /* secondary page fill (spine #eef4f6) */
  --surface:#FFFFFF;   /* cards / panels */
  --surface-2:#E9F2F7; /* nested/tinted fill - was site --tint (hero wash, tinted cards) */
  --deep:#08151F;      /* deep base used as a direct colour (spine flips via data-surface) */

  /* ── Ink ──────────────────────────────────────────────────────────────── */
  --fg:#0A1A26;        /* primary text - deep cyan-charcoal, never #000 (spine #0c1a22) */
  --fg-2:#4D6577;      /* body / secondary (spine #3a4a54) */
  --muted:#5E6B73;     /* labels / captions - darkened 2026-07-14 for AA on --surface-2 */
  --border:#DBE7ED;    /* hairlines / dividers (spine uses rgba) */

  /* ── Accent (cyan) ────────────────────────────────────────────────────── */
  --accent:#06B6D4;        /* the cyan - fills, large */
  --accent-text:#0E7490;   /* cyan AS small text on light - ~4.7:1, passes AA */
  --accent-display:#0891B2;/* bright cyan for LARGE display numerals only (>=24px); AA at large-text (3:1) */
  --teal:#14B8A6;          /* site companion accent */
  --sky:#38BDF8;           /* site accent on deep sections */

  /* ── Type ─────────────────────────────────────────────────────────────── */
  --hw:600;                /* headline weight (bumped to 800 via data-headline) */
}
[data-headline="bold"]{ --hw:800; }