/* ==========================================================================
   Legends Marketing & Sales — DESIGN TOKENS (single source of truth)
   Every page and every stylesheet pulls from this file. Do not redeclare
   these values anywhere else; add new tokens here instead.

   Palette + type carried forward verbatim from the feat/home-redesign build.
   Division accents are the brand-store declared values (assets/brand/legends
   README.md) — never eyedropped, never regenerated.
   ========================================================================== */

:root{
  /* ---- core palette (unchanged from the reference build) ---- */
  --navy-900:#04111d;--navy-800:#071a2c;--navy-700:#0a2236;--navy-600:#0e2c44;
  --ink:#e7eef6;--muted:#8aa1b6;--muted-2:#7b93a9;
  --line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.14);
  --cyan:#2bc4e8;--cyan-bright:#46d8f7;--green:#4cd07d;--purple:#9b6bff;--amber:#f7a23b;
  --paper:#f5f8fb;

  /* ---- division accents (brand store: BRAND README, declared values) ----
     Each is exposed as a hex AND an "r,g,b" triplet so components can build
     rgba() tints without a second source of truth. */
  --div-jansan:#6A2C91;        --div-jansan-rgb:106,44,145;
  --div-foodservice:#F26722;   --div-foodservice-rgb:242,103,34;
  --div-safety:#FDB913;        --div-safety-rgb:253,185,19;
  --div-industrial:#54585A;    --div-industrial-rgb:84,88,90;
  --div-packaging:#00875A;     --div-packaging-rgb:0,135,90;
  --div-design:#D2232A;        --div-design-rgb:210,35,42;

  /* ---- division chip fills ----
     accent blended 75% toward --navy-900, rendered at 88% opacity by the
     component. Precomputed so the value is identical in CSS and in the
     approved v2 comp. */
  --chip-jansan-rgb:30,24,58;
  --chip-foodservice-rgb:64,38,30;
  --chip-safety-rgb:66,59,26;
  --chip-industrial-rgb:24,35,44;
  --chip-packaging-rgb:3,46,44;
  --chip-design-rgb:56,22,32;

  /* ---- derived, AA-safe accent siblings ----
     THE BRAND HEX ABOVE IS UNCHANGED AND REMAINS THE ONLY VALUE USED AS A FILL,
     chip, or logo backdrop. These are computed siblings for the cases where the
     brand value is used as TEXT or as a BOUNDARY, where four of the six fail
     WCAG AA outright on our navy (Jan/San 2.00:1, Industrial 2.45:1, Design
     3.36:1, Packaging 3.87:1 — all against --navy-800).

     Computed by tools/derive-accent-tokens.mjs by ramping HSL lightness, which
     keeps the hue recognisable; blending toward white desaturates and drifts
     the colour off-brand. Same precomputed-in-tokens convention as --chip-*.
     Re-run that script if a brand value ever changes; do not hand-edit.

       -text     text, eyebrows, links on navy      >= 5.0:1  (AA 4.5 + margin)
       -line     borders, dividers, glow on navy    >= 3.0:1  (AA non-text,
                 solved against --navy-alt, the LIGHTEST dark surface)
       -onlight  text on --paper (.ctaband)         >= 4.5:1
       -label    label colour ON the brand fill     >= 4.5:1                  */

  --acc-jansan-text:#af72d4;       --acc-jansan-text-rgb:175,114,212;
  --acc-foodservice-text:#F26722;  --acc-foodservice-text-rgb:242,103,34;
  --acc-safety-text:#FDB913;       --acc-safety-text-rgb:253,185,19;
  --acc-industrial-text:#868b8e;   --acc-industrial-text-rgb:134,139,142;
  --acc-packaging-text:#00a16b;    --acc-packaging-text-rgb:0,161,107;
  --acc-design-text:#e45d63;       --acc-design-text-rgb:228,93,99;

  --acc-jansan-line:#984bc8;
--acc-jansan-line-rgb:152,75,200;
  --acc-foodservice-line:#F26722;
--acc-foodservice-line-rgb:242,103,34;
  --acc-safety-line:#FDB913;
--acc-safety-line-rgb:253,185,19;
  --acc-industrial-line:#6a6f72;
--acc-industrial-line-rgb:106,111,114;
  --acc-packaging-line:#00875A;
--acc-packaging-line-rgb:0,135,90;
  --acc-design-line:#d6242b;
--acc-design-line-rgb:214,36,43;

  --acc-jansan-onlight:#6A2C91;    --acc-foodservice-onlight:#c6490c;
  --acc-safety-onlight:#946a01;    --acc-industrial-onlight:#54585A;
  --acc-packaging-onlight:#008257; --acc-design-onlight:#D2232A;

  /* Label ON the brand fill. Safety and Foodservice take a DARK label — a white
     label on #FDB913 is 1.73:1, which is unreadable, not merely low-contrast. */
  --acc-jansan-label:#ffffff;      --acc-foodservice-label:#04141c;
  --acc-safety-label:#04141c;      --acc-industrial-label:#ffffff;
  --acc-packaging-label:#ffffff;   --acc-design-label:#ffffff;

  /* ---- section rhythm ----
     navy-900 and navy-800 differ by ~1.5% luminance, which reads as one flat
     slab when scrolling. navy-alt is the stepped alternate for banded sections. */
  --navy-alt:#0b2135;

  /* ---- type ---- */
  --font-head:'Sora','Inter',sans-serif;
  --font-body:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;

  /* ---- spacing scale (4px base) — NEW in the rebuild.
     Use these instead of ad-hoc px values on every new section. ---- */
  --sp-1:4px;   --sp-2:8px;   --sp-3:12px;  --sp-4:16px;
  --sp-5:20px;  --sp-6:24px;  --sp-7:32px;  --sp-8:40px;
  --sp-9:56px;  --sp-10:72px; --sp-11:96px; --sp-12:128px;

  /* ---- geometry ---- */
  --radius:16px;
  --radius-chip:12px;
  --maxw:1400px;
}