/* Tokens du design system "App Golf" v4 — maquettes : https://claude.ai/artifact/CVWKXF1QDVc4hHV3LnUQtB
   Couleurs de marque inchangées depuis le 2026-09-25 ; v4 (2026-10-01) ajoute surfaces, filets et ombres. */
:root {
  /* Couleur — marque */
  --primary: #FFDE59;
  --ink: #1A2B1F;
  --on-ink: #FFDE59;
  --accent-moss: #4C7A4F;
  --accent-orange: #E3672E;

  /* Couleur — surfaces et texte */
  --surface-cream: #FFFDF7;
  --surface: #FFFFFF;
  --surface-subtle: #F4F2EA;
  --surface-warm: #FFF3C4;
  --ink-muted: #5E6B54;
  --on-primary-muted: #3F4A38;
  --moss-dark: #2F5A33;
  --moss-surface: #E3EEE1;

  /* Couleur — états */
  --danger-surface: #F7D9D9;
  --danger-text: #B23A3A;
  --disabled-surface: #F1EEE4;
  --disabled-text: #B0AA98;
  --neutral-text: #6E6857;

  /* Équipes (formats par équipe, façon Ryder Cup) : bleu et rouge désaturés, de la même famille
     que la mousse et le rouge d’alerte, pour rester dans le ton de la charte. */
  --team-a: #2F5C8A;
  --team-a-surface: #DDE7F1;
  --team-b: #A63D33;
  --team-b-surface: #F4DDD8;

  /* Échelle des scores (exception assumée au design system : couleurs saturées pour repérer un
     trou d'un coup d'œil). Fond de case + variante « texte » lisible sur fond blanc. */
  --score-albatros: #7C3AED;
  --score-eagle: #1D6FE0;
  --score-birdie: #1E9E4A;
  --score-par: #D9DAD3;
  --score-bogey: #F5B400;
  --score-bogey-text: #A87A00;
  --score-double: #F26B1D;
  --score-triple: #D62828;

  /* Filets et ombres */
  --border-hairline: rgba(26, 43, 31, 0.08);
  --border-control: rgba(26, 43, 31, 0.12);
  --border-strong: rgba(26, 43, 31, 0.3);
  --shadow-raised: 0 14px 28px -16px rgba(26, 43, 31, 0.6);
  --shadow-float: 0 16px 32px -12px rgba(26, 43, 31, 0.30);

  /* Typographie */
  --font-sans: 'Chivo', system-ui, sans-serif;

  /* Espacement */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 10px;
  --space-4: 14px;
  --space-5: 20px;
  --space-6: 28px;
  --space-7: 48px;

  /* Rayons */
  --radius-xs: 10px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  /* Barre d'en-tête fixe (logo + avatar) */
  --header-h: 56px;
}