/* La Promesse — copie de tokens.css (la-promesse-charte-graphique), polices ajoutées par le Dockerfile */
@font-face { font-family: "Cinzel"; src: url("fonts/Cinzel-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Cinzel"; src: url("fonts/Cinzel-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Cormorant Garamond"; src: url("fonts/CormorantGaramond-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Cormorant Garamond"; src: url("fonts/CormorantGaramond-Italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Cormorant Garamond"; src: url("fonts/CormorantGaramond-SemiBold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Cormorant Garamond"; src: url("fonts/CormorantGaramond-SemiBoldItalic.woff2") format("woff2"); font-weight: 600; font-style: italic; font-display: swap; }
:root, [data-theme="hotel"] {
  --fond: #0e0b09;
  --fond-eleve: #1a1410;
  --fond-or: #2a2013;
  --trait: #3a2c1c;
  --trait-fort: #8f6c38;
  --encre: #ece0c8;
  --encre-2: #d2c3a5;
  --encre-3: #a8977a;
  --or: #c9a45c;
  --or-vif: #e2c27d;
  --flamme: #f0a944;
  --neon-magenta: #ff4fd8;
  --neon-violet: #a66bff;
  --neon-cyan: #4fc3ff;
  --sur-or: #0e0b09;
  --titre: var(--or);
  --accent: var(--or);
  --lien: var(--or-vif);
  --focus: var(--or-vif);
  --signal: #ff6a5c;
}
[data-theme="apres-vie"] {
  --fond: #0b0610;
  --fond-eleve: #160d1d;
  --fond-or: #231229;
  --trait: #3a2147;
  --trait-fort: #7d5a96;
  --encre: #ece0c8;
  --encre-2: #d9cfe3;
  --encre-3: #a497b3;
  --or: #c9a45c;
  --or-vif: #e2c27d;
  --flamme: #f0a944;
  --neon-magenta: #ff4fd8;
  --neon-violet: #a66bff;
  --neon-cyan: #4fc3ff;
  --sur-or: #0b0610;
  --titre: var(--neon-magenta);
  --accent: var(--neon-magenta);
  --lien: var(--neon-cyan);
  --focus: var(--neon-cyan);
  --signal: #ff6a5c;
}
:root {
  --espace-1: 4px;
  --espace-2: 8px;
  --espace-3: 12px;
  --espace-4: 16px;
  --espace-6: 24px;
  --espace-8: 32px;
  --espace-12: 48px;
  --espace-16: 64px;
  --rayon-0: 0px;
  --rayon-1: 2px;
  --rayon-arche: 999px 999px 0 0;
  --epaisseur-filet: 1px;
  --epaisseur-cadre: 3px;
  --epaisseur-focus: 2px;
  --halo-neon: 0 0 4px currentColor, 0 0 12px currentColor, 0 0 28px currentColor;
  --font-titre: "Cinzel", "Trajan Pro", "Times New Roman", serif;
  --font-texte: "Cormorant Garamond", Garamond, "Times New Roman", serif;
  --font-logo: "Cinzel", "Trajan Pro", "Times New Roman", serif;
}
.logo-nom { font-family: var(--font-logo); font-size: 100px; line-height: 100px; font-weight: 400; font-style: normal; letter-spacing: 0.04em; text-transform: uppercase; }
.logo-devise { font-family: var(--font-logo); font-size: 30px; line-height: 36px; font-weight: 400; font-style: normal; letter-spacing: 0.12em; text-transform: uppercase; }
.display { font-family: var(--font-titre); font-size: 64px; line-height: 72px; font-weight: 400; font-style: normal; letter-spacing: 0.04em; text-transform: uppercase; }
.titre-1 { font-family: var(--font-titre); font-size: 40px; line-height: 48px; font-weight: 400; font-style: normal; letter-spacing: 0.06em; text-transform: uppercase; }
.titre-2 { font-family: var(--font-titre); font-size: 28px; line-height: 36px; font-weight: 400; font-style: normal; letter-spacing: 0.06em; text-transform: uppercase; }
.titre-3 { font-family: var(--font-titre); font-size: 20px; line-height: 28px; font-weight: 700; font-style: normal; letter-spacing: 0.08em; text-transform: uppercase; }
.citation { font-family: var(--font-titre); font-size: 20px; line-height: 30px; font-weight: 400; font-style: normal; letter-spacing: 0.08em; text-transform: uppercase; }
.enseigne { font-family: var(--font-titre); font-size: 32px; line-height: 40px; font-weight: 400; font-style: normal; letter-spacing: 0.08em; text-transform: uppercase; }
.etiquette { font-family: var(--font-titre); font-size: 13px; line-height: 20px; font-weight: 700; font-style: normal; letter-spacing: 0.16em; text-transform: uppercase; }
.prix { font-family: var(--font-titre); font-size: 18px; line-height: 24px; font-weight: 700; font-style: normal; letter-spacing: 0.02em; text-transform: none; }
.corps { font-family: var(--font-texte); font-size: 19px; line-height: 28px; font-weight: 400; font-style: normal; letter-spacing: normal; text-transform: none; }
.corps-italique { font-family: var(--font-texte); font-size: 22px; line-height: 32px; font-weight: 400; font-style: italic; letter-spacing: normal; text-transform: none; }
.corps-petit { font-family: var(--font-texte); font-size: 16px; line-height: 22px; font-weight: 400; font-style: normal; letter-spacing: normal; text-transform: none; }
.legende { font-family: var(--font-texte); font-size: 14px; line-height: 18px; font-weight: 400; font-style: normal; letter-spacing: normal; text-transform: none; }