/* Jetons de conception. Couleurs, mesures, elevation, mouvement,
   superposition, echelle typographique. Aucune regle de mise en forme ici.
   Extrait de theme.css sans modification de valeur. */

/* --accent reprend la valeur du réglage color_accent (settings_schema.json),
   que layout/theme.liquid réimpose : une seule valeur affichée. */
:root{--ink:#102b3f;--accent:#c7f56d;--accent-hover:#d0fa93;--paper:#f6f7f4;--line:#dfe4df;--white:#fff;--muted:#5a6970;--max:1320px;--radius:2px}
/* ============================================================
   Couche de design : matière, mouvement, états
   ============================================================ */

:root{
  /* Élévation teintée du bleu du thème, jamais du noir pur. */
  --shadow-1:0 1px 2px rgba(16,43,63,.06),0 2px 6px rgba(16,43,63,.05);
  --shadow-2:0 6px 14px rgba(16,43,63,.08),0 14px 34px rgba(16,43,63,.09);
  --shadow-3:0 18px 32px rgba(16,43,63,.12),0 34px 70px rgba(16,43,63,.14);
  --shadow-key:0 10px 30px rgba(96,138,52,.28);

  /* Un seul accent, plus deux teintes de service issues du même bleu. */
  --ink-70:#3d5a6d;
  --ink-12:rgba(16,43,63,.12);
  --surface:#fff;
  --surface-sunken:#eef2ee;
  --focus:#2f5d16;

  /* Mouvement : sortie exponentielle, jamais de rebond. */
  --ease-out-quint:cubic-bezier(.22,1,.36,1);
  --ease-out-quart:cubic-bezier(.25,1,.5,1);
  --ease-in-quart:cubic-bezier(.5,0,.75,0);
  --dur-fast:160ms;
  --dur:280ms;
  --dur-slow:520ms;

  /* Échelle de superposition nommée, plus de valeurs arbitraires. */
  --z-sticky:20;
  --z-overlay:40;
  --z-modal:60;
  --z-toast:80;
  --z-skip:100;

  /* Langage de mouvement. Trois rôles, pour que deux composants écrits à
     deux moments différents bougent de la même manière. Documenté dans
     docs/DESIGN_SYSTEM.md. */
  --motion-enter:.5s var(--ease-out-quint);   /* une entrée à l'écran */
  --motion-state:var(--dur-fast) var(--ease-out-quart); /* survol, focus, état */
  --motion-object:.72s cubic-bezier(.16,1,.3,1); /* un produit qui se pose */
  --motion-stagger:55ms;                      /* écart entre deux entrées */
  --motion-rise:18px;                         /* course verticale d'une entrée */

  /* Rythme vertical. Deux valeurs, pas sept : une section respire, une
     section dense se resserre. */
  --space-section:clamp(64px,7vw,116px);
  --space-section-tight:clamp(40px,4.4vw,72px);
}
/* ============================================================
   Échelle typographique. Un seul système de titres, documenté dans
   docs/DESIGN_SYSTEM.md. Valeurs calculées à 1440 et 390 px.
   Graisse 900 : display et H1 seulement. H2 et H3 : 800.
   Une seule casse : capitales condensées, éditorial compris.
   ============================================================ */

:root{
  --fs-display:clamp(3.4rem,7.6vw,7.1rem); /* 109,4 px / 54,4 px (plafond 113,6 au-delà de 1495 px). H1 de l'accueil, rien d'autre */
  --fs-h1:clamp(2.9rem,5.4vw,4.7rem);      /* 75,2 px / 46,4 px. H1 de toute autre page */
  --fs-h2:clamp(2.3rem,4.2vw,3.7rem);      /* 59,2 px / 36,8 px. titre de section */
  --fs-h3:clamp(1.7rem,2.6vw,2.3rem);      /* 36,8 px / 27,2 px. sous-titre, titre de carte */
  --fs-measure:var(--fs-h2);               /* grande valeur d'un instrument (tour de tête), jamais au-dessus du H2 */
  --lh-h1:.94;
}

/* Couleurs des clubs : accompagnent le nom et le blason, ne portent jamais
   seules une information. Mêmes valeurs que les réglages des sections. */
:root{
  --club-om:#009ddc;
  --club-psg:#da291c;
  --club-lens:#ffd100;
}

/* Boutons : deux hauteurs, pas une de plus. */
:root{
  --button-h:58px;         /* standard */
  --button-h-compact:46px; /* compact : barres d'outils, champs en ligne */
  --ls-h1:-.03em;
}

/* Nuit : le fond du pied de page, plus profond que l'encre, et son texte
   secondaire. #afc0bf donne 8,6:1 sur #0b2234, --paper 15,1:1. */
:root{
  --night:#0b2234;
  --night-text:#afc0bf;
  --night-line:rgba(246,247,244,.16);
  /* Message d'erreur sur la nuit : #ffb3a7 donne 9,5:1 sur #0b2234. */
  --night-error:#ffb3a7;
}