/* ACCORP 2026 — design tokens
   Source of truth: design-references/brand-assets/ACCORP_BRAND_GUIDELINE.md §3.1, §4.1
   Do not re-derive colours or contrast ratios here. */

:root{
  /* Brand — sampled from logo files, do not alter */
  --brand-orange:#E96824;
  --brand-amber:#F7AB1A;
  --brand-grey:#B2B2B2;
  --brand-black:#000000;
  --brand-white:#FFFFFF;

  /* Orange scale */
  --orange-900:#63290A;
  --orange-800:#82370D;
  --orange-700:#9C4310;   /* orange TEXT on white — 6.1:1 AA */
  --orange-600:#C9551A;   /* hover fill */
  --orange-500:#E96824;   /* fills only */
  --orange-300:#F3A277;
  --orange-100:#FCE5D8;
  --orange-050:#FEF5F0;

  /* Amber scale — highlight only, never a button */
  --amber-700:#8A5C05;
  --amber-500:#F7AB1A;
  --amber-300:#FBCE7A;
  --amber-100:#FEF1D9;

  /* Neutrals — warm-shifted, never blue-grey */
  --ink-900:#111111;
  --ink-700:#3D3A37;
  --ink-500:#6E6862;
  --ink-300:#B2B2B2;
  --ink-100:#E8E4DF;
  --surface:#FFFFFF;
  --surface-alt:#FAF8F6;
  --surface-dark:#0A0A0A;

  /* Semantic */
  --risk:#B42318;
  --focus-ring:#9C4310;

  /* Type — owner decision 2026-09-13.
     No webfonts are loaded. The stack resolves to Georgia for display and the
     platform UI sans for everything else, which the owner reviewed on staging
     and chose to keep. Guideline §4.1 names Source Serif 4 / Work Sans; they
     stay first in each stack so the intended faces apply if ever self-hosted.
     Zero font requests: nothing to download, no swap flash, no layout shift. */
  --font-display:"Source Serif 4",Georgia,"Times New Roman",serif;
  --font-ui:"Work Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;

  --t-hero:clamp(2.75rem,5.5vw,4.25rem);
  --t-h2:clamp(2rem,3.5vw,2.75rem);
  --t-h3:1.375rem;
  --t-h4:1.0625rem;
  --t-body:1.0625rem;
  --t-small:0.9375rem;
  --t-micro:0.8125rem;
  --t-kicker:0.9375rem;

  /* Spacing — 8pt */
  --space-1:.25rem;  --space-2:.5rem;   --space-3:.75rem;
  --space-4:1rem;    --space-5:1.5rem;  --space-6:2rem;
  --space-7:2.5rem;  --space-8:3rem;    --space-9:4rem;
  --space-10:5rem;   --space-11:6rem;   --space-12:8rem;

  /* Shape — hierarchical radius, never one value everywhere */
  --radius-sm:6px;    /* controls */
  --radius-md:10px;   /* buttons, fields */
  --radius-lg:16px;   /* cards */
  --radius-xl:24px;   /* full-bleed panels */

  --shadow-card:0 1px 2px rgba(17,17,17,.04),0 2px 8px rgba(17,17,17,.04);
  --shadow-lift:0 4px 16px rgba(17,17,17,.08);

  --container:1200px;
  --measure:62ch;
  --header-h:76px;
}

/* The site commits to one light visual world — the logo ships on black and the
   orange is calibrated against white. Colours are painted explicitly so the page
   holds on any host ground. */