/* AUTO-GENERATED from design-tokens.json — do not edit by hand. */
/* Regenerate: node scripts/build-tokens.mjs */

:root {
  --color-primary: #0A84FF;
  --color-primary-strong: #0066CC;
  --color-secondary: #5AC8FA;
  --color-indigo: #5E5CE6;
  --color-orange: #FF9F0A;
  --color-purple: #BF5AF2;
  --color-category-vfr: #30D158;
  --color-category-mvfr: #0A84FF;
  --color-category-ifr: #FF453A;
  --color-category-lifr: #BF5AF2;
  --color-category-no-data: #8E8E93;
  --color-navy-700: #14214F;
  --color-navy-800: #0B1230;
  --color-navy-900: #05070F;
  --color-text-primary: #101113;
  --color-text-secondary: #5A5E66;
  --color-text-tertiary: #9AA0A8;
  --color-text-on-dark: #FFFFFF;
  --color-bg-primary: #FBFBFD;
  --color-bg-subtle: #F3F5FA;
  --color-bg-card: #FFFFFF;
  --color-border-default: rgba(0,0,0,0.06);
  --color-border-strong: rgba(0,0,0,0.10);
  --radius-sm: 14px;
  --radius-md: 22px;
  --radius-lg: 28px;
  --shadow-sm: 0 1px 2px rgba(10,20,40,0.04);
  --shadow-md: 0 1px 3px rgba(10,20,40,0.04), 0 10px 28px rgba(10,20,40,0.06);
  --shadow-lg: 0 18px 56px rgba(10,20,40,0.14);
  --shadow-glow: 0 20px 60px rgba(10,132,255,0.24);

  /* legacy aliases — keep until index.html is migrated to the new naming */
  --navy-900: var(--color-navy-900);
  --navy-800: var(--color-navy-800);
  --navy-700: var(--color-navy-700);
  --accent-blue: var(--color-primary);
  --accent-blue-2: var(--color-secondary);
  --accent-indigo: var(--color-indigo);
  --accent-green: var(--color-category-vfr);
  --accent-orange: var(--color-orange);
  --accent-purple: var(--color-purple);
  --vfr: var(--color-category-vfr);
  --mvfr: var(--color-category-mvfr);
  --ifr: var(--color-category-ifr);
  --lifr: var(--color-category-lifr);
  --text-primary: var(--color-text-primary);
  --text-secondary: var(--color-text-secondary);
  --text-tertiary: var(--color-text-tertiary);
  --bg-primary: var(--color-bg-primary);
  --bg-subtle: var(--color-bg-subtle);
  --bg-card: var(--color-bg-card);
  --border: var(--color-border-default);
  --border-strong: var(--color-border-strong);
  --radius: var(--radius-md);
  --shadow: var(--shadow-md);
}

/* dark mode intentionally disabled until index.html is fully tokenised
@media (prefers-color-scheme: dark) {
  :root {
  --bg-primary: #000000;
  --bg-subtle: #1C1C1E;
  --bg-card: #2C2C2E;
  --border-default: rgba(255,255,255,0.10);
  --text-primary: #FFFFFF;
  --text-secondary: #AEAEB2;
  --text-tertiary: #6E6E73;
  }
}
*/