/* Pages légales de Séances (confidentialité, mentions légales, conditions, crédits) */
:root{
  --fond:#efece7; --surface:#fff; --texte:#202124; --muted:#6f6a62; --pale:#a9a39a;
  --ligne:#dcd6cd; --ligne2:#e9e4dc; --bord:#AF1B3F; --bordt:#AF1B3F;
  color-scheme:light dark;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="clair"]){
  --fond:#141416; --surface:#1d1e21; --texte:#ece8e1; --muted:#9b958c; --pale:#6f6a63;
  --ligne:#2c2c31; --ligne2:#242428; --bordt:#e8557b}}
:root[data-theme="sombre"]{
  --fond:#141416; --surface:#1d1e21; --texte:#ece8e1; --muted:#9b958c; --pale:#6f6a63;
  --ligne:#2c2c31; --ligne2:#242428; --bordt:#e8557b}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fond);color:var(--texte);font:16px/1.6 Arial,Helvetica,sans-serif}
.page{max-width:720px;margin:0 auto;padding:calc(16px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom))}

/* En-tête */
.entete{display:flex;align-items:center;padding:4px 0 16px}
.marque{display:inline-flex;align-items:center;gap:9px;color:var(--texte);text-decoration:none;
  font:900 22px/1 Montserrat,Arial,sans-serif;letter-spacing:-.03em}
.marque img{width:30px;height:30px;border-radius:8px}

/* Onglets */
.onglets{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 28px;padding:0;list-style:none}
.onglets a{display:block;padding:8px 13px;border:1px solid var(--ligne);border-radius:18px;background:var(--surface);
  color:var(--muted);text-decoration:none;font:700 13px/1.2 Montserrat,Arial,sans-serif}
.onglets a:hover{color:var(--texte);border-color:var(--pale)}
.onglets a[aria-current="page"]{background:var(--bordt);border-color:var(--bordt);color:#fff}
@media (prefers-color-scheme: dark){:root:not([data-theme="clair"]) .onglets a[aria-current="page"]{color:#141416}}

/* Texte */
h1{margin:0 0 6px;font:900 clamp(28px,7vw,38px)/1.1 Montserrat,Arial,sans-serif;letter-spacing:-.03em}
.maj{margin:0 0 28px;color:var(--muted);font-size:14px}
h2{margin:34px 0 8px;font:800 19px/1.25 Montserrat,Arial,sans-serif;letter-spacing:-.01em}
h3{margin:20px 0 4px;font:700 16px/1.3 Montserrat,Arial,sans-serif}
p{margin:0 0 12px}
ul{margin:0 0 12px;padding-left:22px}
li{margin:0 0 6px}
a{color:var(--bordt);text-underline-offset:2px}
strong{font-weight:700}
address{font-style:normal}

/* Pied */
.pied{margin-top:44px;padding-top:18px;border-top:1px solid var(--ligne);font-size:14px;color:var(--muted)}
.pied a{color:var(--muted)}
