/* 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 */
  --font-display:"Source Serif 4",Georgia,"Times New Roman",serif;
  --font-ui:"Work Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,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. */