/* Thème neutre de la marque blanche : fond clair, texte sombre, une couleur d'accent par restaurant.
   --accent, --accent-fort, --accent-texte, --accent-lisible, --accent-doux et --accent-trait sont posés par la page
   (couleur choisie dans l'onglet Réglages) ; les valeurs ci-dessous ne servent que si elle manque.
   Les anciens noms (--noir, --or…) restent comme alias : --noir = fond de page, --or = accent lisible. */

:root {
  color-scheme: light;
  --accent: #2F6F5E;
  --accent-fort: #275B4D;
  --accent-texte: #FFFFFF;
  --accent-lisible: #2F6F5E;
  --accent-doux: rgba(47, 111, 94, .12);
  --accent-trait: rgba(47, 111, 94, .35);
  --noir: #F6F5F2;
  --charbon: #FFFFFF;
  --suie: #EFEDE8;
  --cendre: #D9D5CC;
  --fumee: #66625A;
  --texte: #2A2925;
  --creme: #151513;
  --or-sombre: var(--accent);
  --or: var(--accent-lisible);
  --or-clair: var(--accent-lisible);
  --or-reflet: var(--accent);
  --braise: #C2410C;
  --degrade-or: var(--accent);
  --filet-or: linear-gradient(90deg, transparent, var(--accent-trait) 18%, var(--accent) 50%, var(--accent-trait) 82%, transparent);
  --police-titre: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --police-texte: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --fs-affiche: clamp(2.6rem, 1.4rem + 5.3333vw, 6.2rem);
  --lh-affiche: 1.02;
  --ls-affiche: 0.01em;
  --fw-affiche: 800;
  --ff-affiche: var(--police-titre);
  --fs-titre: clamp(1.9rem, 1.4rem + 2.2222vw, 3.4rem);
  --lh-titre: 1.1;
  --ls-titre: 0.01em;
  --fw-titre: 700;
  --ff-titre: var(--police-titre);
  --fs-sous-titre: clamp(1.25rem, 1.1333rem + 0.5185vw, 1.6rem);
  --lh-sous-titre: 1.25;
  --ls-sous-titre: 0.04em;
  --fw-sous-titre: 700;
  --ff-sous-titre: var(--police-titre);
  --fs-signature: clamp(0.74rem, 0.7067rem + 0.1481vw, 0.84rem);
  --lh-signature: 1.4;
  --ls-signature: 0.12em;
  --fw-signature: 600;
  --ff-signature: var(--police-titre);
  --fs-chapo: clamp(1.15rem, 1.0667rem + 0.3704vw, 1.4rem);
  --lh-chapo: 1.5;
  --ls-chapo: 0em;
  --fw-chapo: 400;
  --ff-chapo: var(--police-texte);
  --fs-texte: clamp(1.03rem, 0.9967rem + 0.1481vw, 1.13rem);
  --lh-texte: 1.62;
  --ls-texte: 0em;
  --fw-texte: 400;
  --ff-texte: var(--police-texte);
  --fs-mention: clamp(0.84rem, 0.82rem + 0.0889vw, 0.9rem);
  --lh-mention: 1.5;
  --ls-mention: 0.01em;
  --fw-mention: 400;
  --ff-mention: var(--police-texte);
  --fs-prix: clamp(1.15rem, 1.0833rem + 0.2963vw, 1.35rem);
  --lh-prix: 1.2;
  --ls-prix: 0.02em;
  --fw-prix: 500;
  --ff-prix: var(--police-texte);
  --e-1: 0.25rem;
  --e-2: 0.5rem;
  --e-3: 0.75rem;
  --e-4: 1.0rem;
  --e-5: 1.5rem;
  --e-6: 2.0rem;
  --e-7: 3.0rem;
  --e-8: 4.0rem;
  --e-9: 6.0rem;
  --e-10: 8.0rem;
  --e-11: 12.0rem;
  --rayon-net: 0px;
  --rayon-doux: 2px;
  --rayon-pilule: 999px;
  --filet-fin: 1px;
  --filet-marque: 2px;
  --largeur-lecture: 32em;
  --largeur-contenu: 75.0rem;
  --largeur-large: 90.0rem;
  --duree-rapide: 220ms;
  --duree-moyenne: 480ms;
  --duree-lente: 900ms;
  --courbe-douce: cubic-bezier(0.2, 0.7, 0.2, 1);
  --courbe-sortie: cubic-bezier(0.6, 0, 0.8, 0.3);
}

/* Surfaces du navigateur aux couleurs de la marque */
::selection { background: var(--accent); color: var(--accent-texte); }
:root { accent-color: var(--accent); caret-color: var(--accent-lisible); scrollbar-color: var(--cendre) var(--noir); }
:focus-visible { outline: 2px solid var(--accent-lisible); outline-offset: 3px; border-radius: var(--rayon-doux); }

@keyframes zoom-lent { from { transform: scale(var(--zoom-de)); } to { transform: scale(var(--zoom-a)); } }
@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } }
