/* 02 — SHARED DESIGN TOKENS.
   ACS-DESIGN-CANON v1.0 · source acs-eu-frontend/brand/acs-design-canon-v1.css ·
   sha256 e3758fefaa3df6076446c810e34f8e29b1f9ce6f47a4e1a34063aa6f26cb7e57

   Values follow the Agro Capital Standard unified design canon (derived from
   the accepted TerraScore production design): warm-black institutional
   surfaces, warm-white ink, 1px hairlines, gold master accent, IBM Plex
   Serif / Sans / Mono (self-hosted — font-src 'self' stays intact).
   ProvableCORE's ONE product-accent distinction is archival steel-blue
   (--accent), used for links, the wordmark segment and micro-emphasis;
   primary CTAs and focus stay canon gold family-wide.

   This edition keeps its light/dark toggle: dark IS the canon family theme;
   light maps to a warm-paper equivalent of the same tokens. The theme
   MECHANICS below (color-scheme, transition timings, reduced-motion handling)
   are ProvableCORE-original and unchanged. */
:root{
  /* Declared for both themes so native controls, scrollbars and UA surfaces
     track the theme. JS keeps the inline value in step; this is the no-JS
     floor. */
  color-scheme:light;

  /* Motion vocabulary (unchanged mechanics):
     .32s for colour, .45s for spatial morphs, cubic-bezier(.4,0,.2,1). */
  --ease:cubic-bezier(.4,0,.2,1);
  --dur-color:.32s;
  --dur-morph:.45s;

  /* light — warm paper mapping of the canon */
  --bg:#faf9f5;
  --bg-soft:#f1efe8;
  --surface:#ffffff;
  --line:#e5e2d8;
  --line-strong:#d5d1c4;
  --text:#171512;
  --muted:#4a473f;
  /* B2 — warm-paper faint ink. #807b6e measured 3.51:1 behind the NOT CHECKED
     truth-state chip on --chip-bg (11px/700, so 4.5:1 applies, not 3:1), and
     3.67-4.22:1 for every other faint surface in this theme: footer column
     titles and links, the cross-edition link, fine print, receipt <dt> labels,
     tier numbers, price periods. #6b6552 is the same warm grey darkened until
     the WORST light-theme pairing clears AA: 4.83 on --chip-bg, 5.06 on
     --bg-soft, 5.52 on --bg, 5.82 on --surface. The tonal hierarchy is intact
     -- text 17.3 > muted 9.27 > faint 5.82 on --surface -- so faint still reads
     as faint. The dark theme measured clean at every chip and is unchanged. */
  --faint:#6b6552;
  /* primary CTA — canon gold with near-black ink, both themes */
  --pill-bg:#c9a84c;
  --pill-fg:#171205;
  --chip-bg:#edeae0;
  /* product accent — archival steel-blue (light-theme depth for AA on paper) */
  --accent:#33567e;
  /* master-brand gold for overlines/eyebrows (darkened for AA on paper) */
  --accent-gold:#7d652b;
  --focus:#7d652b;
  --ok:#1c7a3a;  --ok-bg:#e7f2e6;
  --warn:#8a6200; --warn-bg:#f7efdb;
  --crit:#b32f2f; --crit-bg:#f7e9e6;
  --info:#5b5b8c; --info-bg:#ecebf5;
  --ring:rgba(23,21,18,.08);
  --shadow:0 18px 50px rgba(23,21,18,.08);

  --font-serif:'IBM Plex Serif',Georgia,'Times New Roman',serif;
  --font-sans:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  /* canon type scale */
  --fs-hero:clamp(34px,4.6vw,58px);
  --fs-h2:clamp(26px,3vw,38px);
  --fs-h3:19px;
  --fs-lede:18px;
  --fs-body:16px;
  --fs-small:14px;
  --fs-mono-label:11px;
  --lh-tight:1.12; --lh-head:1.18; --lh-body:1.6;

  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-6:24px; --space-8:32px; --space-12:48px; --space-16:64px;
  --space-24:104px; --space-32:128px;
  --container:1200px;
  --container-wide:1200px;
  --measure:760px;
  --gutter:clamp(16px,4vw,40px);

  /* canon radii — small, institutional */
  --radius-sm:4px; --radius:6px; --radius-lg:10px; --radius-pill:999px;
  --border:1px solid var(--line);
  --border-strong:1px solid var(--line-strong);
}

:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0a0a09; --bg-soft:#131312; --surface:#131312;
  --line:#262622; --line-strong:#37372f;
  --text:#f5f4ee; --muted:#c6c5ba; --faint:#96958c;
  --pill-bg:#c9a84c; --pill-fg:#171205;
  --chip-bg:#1a1a18;
  --accent:#9fb6d9;
  --accent-gold:#c9a84c;
  --focus:#e6cd80;
  --ok:#63d363; --ok-bg:#101f10;
  --warn:#f3bb4a; --warn-bg:#241c07;
  --crit:#ea8b8b; --crit-bg:#2c1414;
  --info:#adadde; --info-bg:#1c1c2a;
  --ring:rgba(245,244,238,.10);
  --shadow:0 18px 50px rgba(0,0,0,.5);
}

@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --bg:#0a0a09; --bg-soft:#131312; --surface:#131312;
    --line:#262622; --line-strong:#37372f;
    --text:#f5f4ee; --muted:#c6c5ba; --faint:#96958c;
    --pill-bg:#c9a84c; --pill-fg:#171205;
    --chip-bg:#1a1a18;
    --accent:#9fb6d9;
    --accent-gold:#c9a84c;
    --focus:#e6cd80;
    --ok:#63d363; --ok-bg:#101f10;
    --warn:#f3bb4a; --warn-bg:#241c07;
    --crit:#ea8b8b; --crit-bg:#2c1414;
    --info:#adadde; --info-bg:#1c1c2a;
    --ring:rgba(245,244,238,.10);
    --shadow:0 18px 50px rgba(0,0,0,.5);
  }
}
