/* =========================================================
   THÈME CLIENT — Parenthèse, club de sport premium (Boulogne-Billancourt)
   Seul fichier CSS « client » avec skin-parenthese.css :
   couleurs, polices, arrondis. lp.css ne contient aucune couleur en dur.
   Charte du site (bronze #96765A, Montserrat) montée en gamme d'après les matières du club :
   marbre vert-noir des vestiaires (nuit), laiton des luminaires, enduit à la chaux et pierre des murs.
   ========================================================= */

/* Marcellus : titres (capitales romaines gravées, en écho aux arches du club) · Montserrat (variable 300→600) : police du logo, texte */
@font-face { font-family: "Marcellus"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/marcellus-400.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 300 600; font-display: swap; src: url("../fonts/montserrat-var.woff2") format("woff2"); }
/* Polices de repli calibrées : évitent le décalage de mise en page (CLS) au chargement */
@font-face { font-family: "Montserrat Fallback"; src: local("Arial"); size-adjust: 113%; ascent-override: 85%; descent-override: 22%; line-gap-override: 0%; }
@font-face { font-family: "Marcellus Fallback"; src: local("Georgia"); size-adjust: 98%; ascent-override: 95%; descent-override: 25%; line-gap-override: 0%; }

:root {
  --font: "Montserrat", "Montserrat Fallback", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-head: "Marcellus", "Marcellus Fallback", Georgia, serif;

  --nuit: #1b201d;           /* marbre vert-noir des vestiaires : fonds sombres, texte */
  --nuit-2: #242a26;         /* aplats sombres secondaires */
  --nuit-3: #121614;         /* pied de page */
  --laiton: #c4a36e;         /* laiton des luminaires : accents sur fond sombre (6,9:1 sur nuit) */
  --laiton-clair: #dcc49b;
  --bronze: #7d6047;         /* bronze du site assombri : accents sur fond clair (texte AA 5,2:1) */
  --chaux: #f7f5f1;          /* enduit à la chaux : fond principal clair */
  --pierre: #ebe6de;         /* pierre : fond clair alterné */

  --brand: var(--nuit);
  --brand-dark: var(--nuit-3);
  --brand-2: var(--nuit-2);
  --brand-soft: var(--pierre);
  --brand-soft-2: #ddd5c8;
  --accent: var(--nuit);     /* boutons sur fond clair : nuit, texte chaux */
  --accent-hover: #343c37;
  --accent-text: var(--bronze);
  --accent-light: var(--laiton);
  --accent-soft: var(--pierre);

  --text: var(--nuit);
  --muted: #595e58;
  --muted-dark: #b4b6ae;     /* texte secondaire sur fond nuit */
  --bg: var(--chaux);
  --bg-alt: var(--pierre);
  --line: #d8d0c3;
  --line-dark: rgba(196, 163, 110, .28);
  --error: #a3271c;

  --radius: 3px;
  --radius-btn: 100px;
}