/* FlashRace — Design tokens (depuis colors_and_type.css du design system) */

@font-face {
  font-family: 'Cyberdyne';
  src: url('../fonts/cyberdynesuperital.ttf') format('truetype');
  font-weight: 400 900; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'Intro Rust';
  src: url('../fonts/IntroRustG-Base2Line.otf') format('opentype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Manifold Extended CF';
  src: url('../fonts/manifoldextendedcf-extraboldoblique.otf') format('opentype');
  font-weight: 800; font-style: oblique; font-display: swap;
}
@font-face {
  font-family: 'New Astro';
  src: url('../fonts/NewAstroSoft-SemiBold.otf') format('opentype');
  font-weight: 600; font-style: normal; font-display: swap;
}

:root {
  --fr-yellow: #FFCC00;
  --fr-yellow-amber: #FFA800;
  --fr-yellow-glow: rgba(255,204,0,0.35);
  --fr-yellow-subtle: rgba(255,204,0,0.12);

  --fr-blue-900: #050E15;
  --fr-blue-800: #091825;
  --fr-blue-700: #0f2231;
  --fr-blue-600: #112B3B;
  --fr-blue-500: #2E7FAF;
  --fr-blue-400: #368FB6;
  --fr-blue-200: #85DCF7;

  --fr-neutral-300: #B2B6C6;
  --fr-neutral-200: #B9BED1;
  --fr-neutral-100: #E8EFF5;
  --fr-text: #8A9DB5;
  --fr-muted: #4A5568;
  --fr-white: #ffffff;

  --bg-base: var(--fr-blue-900);
  --bg-surface: var(--fr-blue-800);
  --bg-elevated: var(--fr-blue-700);

  --text-primary: var(--fr-white);
  --text-secondary: var(--fr-text);
  --text-muted: var(--fr-muted);
  --text-accent: var(--fr-yellow);
  --text-link: var(--fr-blue-200);

  --border-subtle: rgba(255,255,255,0.04);
  --border-yellow: rgba(255,204,0,0.15);

  --glow-yellow: 0 0 24px rgba(255,204,0,0.5);
  --glow-yellow-sm: 0 0 10px rgba(255,204,0,0.35);

  --mgp-red: #C90909;
  --mgp-cyan: #00D4FF;
  --mgp-yellow: #FFD600;
  --mgp-dark: #171C20;

  --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: 128px;

  --radius-sm: 2px; --radius-md: 4px; --radius-lg: 8px;

  --t-fast: 180ms cubic-bezier(0.25,0.46,0.45,0.94);
  --t-med:  300ms cubic-bezier(0.25,0.46,0.45,0.94);

  --font-display: 'Cyberdyne', sans-serif;
  --font-ui: 'Intro Rust', sans-serif;
  --font-body: 'Intro Rust', sans-serif;
  --font-mgp-display: 'Manifold Extended CF', sans-serif;
  --font-mgp-ui: 'New Astro', sans-serif;

  --tracking-wide: 0.08em;
  --tracking-wider: 0.15em;
  --tracking-widest: 0.25em;
}