/*
 * Foot-Land — Design tokens (BrandOS 04-ui/01-tokens.md)
 * Source unique des couleurs / typo / espacement de l'UI.
 * Ne pas hardcoder de couleur : référencer ces tokens.
 */
:root {
  /* Surfaces & texte */
  --fl-bg: #0E1627;
  --fl-surface: #18243A;
  --fl-surface-2: #1F2E4A;
  --fl-border: rgba(245, 247, 250, 0.10);
  --fl-text: #F5F7FA;
  --fl-text-muted: #9AA7BD;

  /* Actions & accents */
  --fl-primary: #0E93AF;
  --fl-primary-text: #3FB6D0;
  --fl-on-primary: #EAFBFF;
  --fl-gold: #D7A43C;

  /* Sémantiques */
  --fl-success: #2FBF71;
  --fl-warning: #E0A63C;
  --fl-danger: #E5484D;

  /* Typographie */
  --fl-font-title: 'Sora', 'Segoe UI', sans-serif;
  --fl-font-subtitle: 'Manrope', 'Segoe UI', sans-serif;
  --fl-font-body: 'Inter', 'Segoe UI', sans-serif;

  /* Rayons */
  --fl-radius: 8px;
  --fl-radius-card: 12px;

  /* Espacement */
  --fl-space-1: 4px;
  --fl-space-2: 8px;
  --fl-space-3: 12px;
  --fl-space-4: 16px;
  --fl-space-5: 24px;
  --fl-space-6: 32px;
  --fl-space-7: 48px;
}