/* TurboaSOX — design tokens
   Colour set resolved by /resolve-palette --persona marcus (OKLCH, contrast-floored, 0 failures).
   Marcus near-monochrome + one gold accent matured from the brand's own logo gold. */
:root {
  /* resolved colour tokens */
  --colour-primary: #b28c00;        /* matured gold — large accent fills only */
  --colour-primary-dark: #725900;
  --colour-primary-hover: #a07e00;
  --colour-primary-active: #8e6f00;
  --colour-primary-subtle: #ffedbf;
  --colour-on-primary: #15140f;
  --colour-gold-bright: #faca33;     /* raw brand gold — decorative large surfaces only, never text */
  --colour-navy: #2a2724;            /* warm near-black — headlines, dark sections, CTA */
  --colour-text: #484848;            /* body, 8.8:1 */
  --colour-text-muted: #737373;      /* labels, captions, 4.5:1 */
  --colour-link: #8b6d00;            /* ochre links, 4.7:1 */
  --colour-bg: #fafafa;              /* paper */
  --colour-surface: #f5f5f5;
  --colour-surface-alt: #eeeeee;
  --colour-border: #d1d1d1;          /* hairline */
  --colour-on-dark: #bebebe;

  /* semantic aliases */
  --paper: var(--colour-bg);
  --ink: var(--colour-navy);
  --body: var(--colour-text);
  --muted: var(--colour-text-muted);
  --line: var(--colour-border);
  --link: var(--colour-link);
  --gold: var(--colour-primary);
  --gold-bright: var(--colour-gold-bright);
  --dark: var(--colour-navy);
  --on-dark: var(--colour-on-dark);
  --line-dark: #45413c;

  /* type */
  --font-sans: "IBM Plex Sans", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* modular type scale (~1.25) */
  --t-eyebrow: 0.78rem;
  --t-body: 1.0625rem;
  --t-lead: 1.25rem;
  --t-h3: 1.2rem;
  --t-h2: clamp(1.55rem, 1.1rem + 1.9vw, 2.2rem);
  --t-h1: clamp(2.2rem, 1.3rem + 4vw, 3.4rem);
  --t-display: clamp(2.6rem, 1.2rem + 6vw, 4.4rem);

  /* spacing + rhythm */
  --wrap: 1120px;
  --wrap-narrow: 760px;
  --gut: clamp(1.25rem, 4vw, 2rem);
  --section-y: clamp(4.5rem, 9vw, 8rem);
  --radius: 3px;
}