/* AlfaResponse design tokens — single source of truth for colour, type, space, grid and motion.
   Every component in site.css reads from these. Change a value here and it updates site-wide. */
:root{
  /* Colour — signature */
  --c-graphite-900:#0E0F11;   /* brand graphite: hero, feature bands, footer */
  --c-graphite-800:#16171A;
  --c-graphite-700:#24262B;
  --c-signal:#FEE500;         /* brand yellow: CTAs, active states, one accent per view */
  --c-signal-hover:#FFF06B;
  /* Colour — corporate neutrals */
  --c-white:#FFFFFF;
  --c-paper:#F5F5F2;          /* light base for alternating sections */
  --c-line:#E2E2DD;
  --c-line-strong:#C9CAC5;
  --c-ink:#0E0F11;
  --c-ink-2:#3B3E44;
  --c-ink-3:#63666D;          /* AA on white and paper */
  /* Colour — secondary steel (data + UI only) */
  --c-steel-600:#4E5D6C;
  --c-steel-200:#D9E0E6;
  --c-steel-50:#EEF2F5;
  /* On dark */
  --c-on-dark:#F4F4F1;
  --c-on-dark-2:#B7BAC0;
  --c-on-dark-line:rgba(255,255,255,.12);

  /* Type */
  --font-head:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  --fs-display:clamp(2.75rem,5.6vw,5.75rem);
  --fs-h1:clamp(2.4rem,4.4vw,4.25rem);
  --fs-h2:clamp(1.9rem,3.1vw,3rem);
  --fs-h3:clamp(1.25rem,1.6vw,1.5rem);
  --fs-h4:1.125rem;
  --fs-lead:clamp(1.0625rem,1.3vw,1.25rem);
  --fs-body:1.0625rem;
  --fs-small:.9375rem;
  --fs-eyebrow:.75rem;
  --lh-tight:1.04;
  --lh-head:1.12;
  --lh-body:1.65;
  --tracking-head:-.022em;
  --tracking-eyebrow:.12em;

  /* Space (8pt scale) */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px; --s-10:128px;
  --section-y:clamp(72px,9vw,128px);

  /* Grid */
  --container:1320px;
  --gutter:clamp(20px,4vw,48px);
  --col-gap:clamp(16px,2vw,28px);

  /* Shape */
  --radius-0:0; --radius-1:4px; --radius-2:8px;
  --shadow-1:0 1px 2px rgba(14,15,17,.06),0 4px 16px rgba(14,15,17,.06);
  --shadow-2:0 2px 6px rgba(14,15,17,.08),0 18px 48px rgba(14,15,17,.12);

  /* Motion */
  --dur-1:150ms; --dur-2:250ms; --dur-3:450ms; --dur-4:800ms;
  --ease-out:cubic-bezier(.2,.7,.1,1);
  --ease-std:cubic-bezier(.4,0,.2,1);

  /* Layout */
  --utility-h:38px;
  --header-h:76px;
}