/* =========================================================================
   airhacks.university — design tokens (CSS custom properties)
   Derived from /tokens.json (W3C DTCG) — regenerate, don't hand-edit.
   Light scheme in :root, dark remap below. Consumed by style.css.
   ========================================================================= */

:root {
  --color-primary: #f07102;
  --color-primary-deep: #c25a00;
  --color-secondary: #3eb0d8;
  --color-secondary-deep: #2a8aab;
  --color-surface: #ffffff;
  --color-surface-warm: #fbf6ee;
  --color-on-surface: #2b2b2b;
  --color-on-surface-soft: #525252;
  --color-outline: #e6dfd2;
  --color-outline-strong: #bdb4a3;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 32px;
  --spacing-xl: 48px;
  --spacing-section: 60px;
  --spacing-gutter: 48px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-primary: #ff8a2a;
    --color-primary-deep: #ffa75a;
    --color-secondary: #62c8e8;
    --color-secondary-deep: #9adcef;
    --color-surface: #14110d;
    --color-surface-warm: #1c1813;
    --color-on-surface: #f3ede2;
    --color-on-surface-soft: #c4baa8;
    --color-outline: #2a2520;
    --color-outline-strong: #44392f;
  }
}