/* Whyalla Futures Research — design tokens.
   Final "Saltbush & Ember" scheme from the design handoff (README). */
:root {
  /* OXIDE — primary action and accent (burnt orange) */
  --oxide-900: #5A2410; --oxide-700: #8A3615; --oxide-600: #A8431A; --oxide-500: #C2501E;
  --oxide-400: #D86A36; --oxide-300: #E89A6E; --oxide-100: #F8E1D2;
  /* GULF — saltbush greens (900 footer, 100 Get involved band, 800 rules) */
  --gulf-900: #20261C; --gulf-800: #2B3326; --gulf-700: #46533C; --gulf-500: #6E7F5C;
  --gulf-300: #A9B597; --gulf-200: #CBD3BE; --gulf-100: #E6EADC;
  /* TUG — warm yellow */
  --tug-700: #A86E00; --tug-500: #E8A33A; --tug-300: #F1C27A; --tug-100: #FAEBD2;
  /* EMBER — Voices from Whyalla podcast orange */
  --ember-700: #B9531A; --ember-500: #EE7A30; --ember-300: #F6A86F; --ember-100: #FDE6D4;
  /* SALTBUSH */
  --saltbush-700: #46533C; --saltbush-500: #77845F; --saltbush-300: #AEB79A; --saltbush-100: #E6EADC;
  /* IRONSTONE neutrals */
  --iron-950: #171A14; --iron-900: #1F231B; --iron-800: #2E3329; --iron-700: #474D40;
  --iron-600: #5D6455; --iron-500: #7B8172; --iron-400: #9AA091; --iron-300: #BCC0B3;
  --iron-200: #D8DACF; --iron-100: #E9EAE1; --iron-50: #F4F3EC; --white: #FCFBF7;

  /* Semantic aliases */
  --surface-page: var(--iron-50);
  --surface-raised: var(--white);
  --text-strong: var(--iron-900);
  --text-body: var(--iron-800);
  --text-muted: var(--iron-600);
  --text-link: var(--gulf-700);
  --border-hairline: rgba(31, 35, 27, .14);
  --border-default: rgba(31, 35, 27, .28);
  --border-inverse: rgba(245, 241, 234, .22);
  --focus-ring: var(--tug-500);

  /* Type */
  --font-display: "Big Shoulders Display", "Arial Narrow", sans-serif;
  --font-body: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
  --type-lede: 400 22px/1.45 var(--font-body);
  --type-body: 400 16px/1.65 var(--font-body);
  --type-small: 400 14px/1.5 var(--font-body);
  --type-label: 500 12px/1.2 var(--font-mono);
  --tracking-label: .12em;

  /* Space and shape */
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px;
  --space-6: 32px; --space-7: 48px; --space-8: 64px; --space-9: 96px; --space-10: 144px;
  --container-max: 1320px;
  --gutter: clamp(20px, 4vw, 56px);
  --section-y: clamp(64px, 10vw, 144px);
  --scrim-bottom: linear-gradient(to top, rgba(14, 18, 24, .78) 0%, rgba(14, 18, 24, 0) 55%);
  --ease-industrial: cubic-bezier(.2, 0, 0, 1);
  --dur-fast: 120ms; --dur-base: 220ms; --dur-slow: 480ms;
  color-scheme: light;
}