/* STACK design tokens — README §1. Single source of truth. Match exactly. */

@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@700;800&family=Instrument+Sans:wght@400;500;600;700&display=swap');

:root {
  /* colour */
  --char: #101210;
  --char-raised: #1A1D19;
  --slate: #2A2E29;
  --slate-mid: #3A3F38;
  --volt: #CBFF3C;
  --ember: #FF6A4D;
  --bone: #F4F1E8;
  --text-secondary: #9AA197;
  --text-tertiary: #7C837A;
  --haze: #B9A7F5;
  --chill: #7FD4F5;
  --beam: #FFD84D;

  /* type */
  --font-display: 'Bricolage Grotesque', sans-serif;
  --font-body: 'Instrument Sans', sans-serif;

  /* radius */
  --r-bar: 999px;
  --r-tile: 16px;
  --r-card: 24px;
  --r-chip: 8px;
  --r-container: 4px;

  /* spacing (4px base) */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-7: 32px;
  --sp-8: 44px;
}

/* Light mode (secondary) — bone ground, char text, same 10% Volt ceiling. */
:root[data-theme="light"] {
  --char: #F4F1E8;
  --char-raised: #FFFFFF;
  --bone: #101210;
  --text-secondary: #4A4F47;
  --text-tertiary: #6B7268;
}