/* Strativarius : feuille commune (accueil, pack, mentions légales). Charte du 27/10/2026.
   Polices hébergées ici (fonts/) : aucune requête vers Google ou un autre service. */
@font-face { font-family:Fraunces; src:url("fonts/Fraunces-VF.ttf") format("truetype"); font-weight:100 900; font-display:swap; }
@font-face { font-family:Commissioner; src:url("fonts/Commissioner-VF.ttf") format("truetype"); font-weight:100 900; font-display:swap; }
:root {
  --papier:#F5F2E9; --papier2:#ECE6D8; --carte:#fff;
  --encre:#283828; --encre2:#34463a; --doux:#4b574b;
  --vert:#138A68; --vert2:#0B6E52; /* vert gai des blocs foncés (Céline, 30/10 : le vert-noir est refusé) */
  --magenta:#B41169; --magenta2:#8f0d53; --lilas:#835F9E; --rouille:#B7643C;
  --mono:ui-monospace, Menlo, Consolas, "Courier New", monospace;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body { margin:0; background:var(--papier); color:var(--encre); font:17px/1.6 Commissioner, system-ui, sans-serif; }
img { max-width:100%; display:block; }
a { color:var(--magenta); }
.w { max-width:1080px; margin:0 auto; padding:0 16px; }
h1, h2, h3 { font-family:Fraunces, Georgia, serif; line-height:1.08; margin:0 0 .4em; color:var(--encre); font-weight:700; }
h1 { font-size:clamp(34px, 6.2vw, 68px); letter-spacing:-.02em; }
h2 { font-size:clamp(27px, 4vw, 44px); letter-spacing:-.01em; }
h3 { font-size:21px; }
.kicker { font:600 12px/1.4 var(--mono); letter-spacing:.18em; text-transform:uppercase; color:var(--magenta); margin-bottom:12px; display:block; }
.degrade { height:5px; width:120px; border-radius:3px; background:linear-gradient(90deg,var(--lilas),var(--magenta),var(--rouille)); margin:18px 0 22px; }
section { padding:64px 0; }
.btn { display:inline-block; text-decoration:none; font-weight:700; border-radius:999px; padding:15px 26px; font-size:17px; text-align:center; transition:transform .15s, background .15s; }
.btn:hover { transform:translateY(-2px); }
.btn.p { background:var(--magenta); color:#fff; box-shadow:0 8px 24px rgba(180,17,105,.28); }
.btn.p:hover { background:var(--magenta2); }
.btn.s { border:2px solid currentColor; color:var(--encre); }
.sombre { background:linear-gradient(135deg, var(--vert), var(--vert2)); color:#fff; }
.sombre h1, .sombre h2, .sombre h3 { color:var(--papier); }
.sombre .kicker { color:#ffd6ea; }
.sombre .btn.s { color:var(--papier); }
:focus-visible { outline:3px solid var(--rouille); outline-offset:3px; }
footer { background:var(--vert2); color:#d9efe7; font-size:14px; padding:32px 0; }
footer a { color:#fff; }
/* lien à brancher : visible tant que le vrai lien n'est pas collé dans la configuration */
.a-brancher { outline:2px dashed var(--rouille); outline-offset:3px; }