/* Crescendo — generated from tokens.json */

:root, [data-theme="clair"] {
  --fond: #f3f5f7;
  --surface: #ffffff;
  --surface-2: #e9edf1;
  --encre: #111b24;
  --encre-douce: #4f5b67;
  --trait: #d3dae1;
  --balle: #d8f24a;
  --sur-balle: #111b24;
  --padel: #1e64c8;
  --padel-texte: #1a58b0;
  --tennis: #b9532f;
  --tennis-texte: #a3482a;
  --squash: #a87a45;
  --squash-texte: #7f5a30;
  --coaching: #1f2a36;
  --coaching-texte: #1f2a36;
  --sur-sport: #ffffff;
  --sur-squash: var(--sur-balle);
  --succes: #0b7a5c;
  --alerte: #955000;
  --danger: #b42318;
  --focus: #111b24;
  --accent: var(--padel);
  --accent-texte: var(--padel-texte);
  --ombre-carte: 0 1px 2px rgba(17,27,36,0.06), 0 4px 12px rgba(17,27,36,0.06);
  --ombre-flottante: 0 8px 24px rgba(17,27,36,0.18);
}

[data-theme="sombre"] {
  --fond: #0d1218;
  --surface: #161d25;
  --surface-2: #1e2731;
  --encre: #e8edf2;
  --encre-douce: #a3afbb;
  --trait: #2a3540;
  --padel-texte: #7fb0f2;
  --tennis-texte: #f0a07f;
  --squash-texte: #e0b884;
  --coaching-texte: #c9d4df;
  --sur-squash: var(--sur-balle);
  --succes: #3fc596;
  --alerte: #f0a24a;
  --danger: #f97066;
  --focus: #d8f24a;
  --accent: var(--padel);
  --accent-texte: var(--padel-texte);
}

:root {
  --espace-1: 4px;
  --espace-2: 8px;
  --espace-3: 12px;
  --espace-4: 16px;
  --espace-5: 24px;
  --espace-6: 32px;
  --espace-7: 48px;
  --rayon-petit: 8px;
  --rayon-moyen: 12px;
  --rayon-grand: 16px;
  --rayon-icone: 22%;
  --rayon-pilule: 999px;
  --font-display: "Bricolage Grotesque", "Figtree", system-ui, sans-serif;
  --font-texte: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
}

.affiche {
  font-family: var(--font-display);
  font-size: 48px;
  line-height: 48px;
  font-weight: 800;
  letter-spacing: -0.03em;
}

.titre-1 {
  font-family: var(--font-display);
  font-size: 32px;
  line-height: 36px;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.titre-2 {
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 30px;
  font-weight: 800;
  letter-spacing: -0.01em;
}

.chiffre {
  font-family: var(--font-display);
  font-size: 28px;
  line-height: 32px;
  font-weight: 800;
}

.titre-3 {
  font-family: var(--font-texte);
  font-size: 19px;
  line-height: 26px;
  font-weight: 700;
}

.corps {
  font-family: var(--font-texte);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.corps-fort {
  font-family: var(--font-texte);
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.legende {
  font-family: var(--font-texte);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

.etiquette {
  font-family: var(--font-texte);
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.sport {
  font-family: var(--font-texte);
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: 0.32em;
}