/* ALGCO tokens: Navy + amber kit (3c). Owner decision 2026-11-08.
   Logos: navy-on-light on light areas, 3c primary (built-in navy background) on navy areas.
   Teal kit values, if ever needed: --c-primary: #0E5A5A; --c-primary-rgb: 14, 90, 90; --c-accent: #E8772E; */
:root {
  /* Kit colors */
  --c-offwhite: #F4F2EC;
  --c-ink: #161A1A;
  --c-primary: #1C2E4A;   /* Navy */
  --c-accent: #E9A93B;    /* Amber. Primary CTA button only; text on it stays near-black. */
  --c-primary-rgb: 28, 46, 74; /* same navy, for the soft-look fade */

  /* Allowed UI neutrals */
  --c-muted: #454B4B;
  --c-rule: rgba(22, 26, 26, 0.2);

  /* Roles */
  --btn-bg: var(--c-accent);
  --btn-text: var(--c-ink);

  /* Type: bold titles + a lighter, slightly narrow "story" voice (stands in for a serif) */
  --font: "Archivo", Arial, sans-serif;
  --story-width: 94%;
  --fs-body: 1.0625rem;
  --fs-story: clamp(1.3125rem, 2vw, 1.75rem);   /* 21 → 28px */
  --fs-tagline: clamp(1.375rem, 2.3vw, 1.875rem);  /* 22 → 30px */
  --fs-title: clamp(2.25rem, 4.2vw, 3.5rem);    /* 36 → 56px */
  --fs-h1: clamp(2.75rem, 7vw, 5.5rem);         /* 44 → 88px (owner decision: brief says 42-48px) */
  --fs-label: 0.8125rem;
  --track-label: 0.08em;

  /* Layout */
  --max: 1280px;
  --gutter: 32px;
  --panel-gap: 20px;
  --space-section: 112px;
}

@media (max-width: 640px) {
  :root { --gutter: 16px; --panel-gap: 16px; --space-section: 72px; }
}