/* Feuille commune aux pages légales de la vitrine (adr-0031). * * Séparée du HTML, contrairement à `index.html` qui garde son style en ligne : * la landing est une page unique et travaillée, les pages légales sont quatre * documents au même gabarit. Dupliquer 4 Ko de CSS quatre fois garantit qu'une * correction n'en atteint que trois. * * Même origine, donc aucun appel externe : la règle « rien de distant » est * tenue. Si le fichier manquait, le texte resterait lisible — c'est ce qui * compte pour un document légal. * * ## La palette ne vit plus ici * * Elle est dans `/theme.css`, généré depuis `couleurs.ts` par * `tools/couleurs/exporter_vitrine.py`. Elle était recopiée ici ET dans la * landing : deux copies d'une même palette, qui avaient fini par diverger de * deux générations (Lina violette, Sinan ambre). Ne remettre aucune valeur de * couleur en dur dans ce fichier. * * Cette feuille suppose donc `/theme.css` chargé AVANT elle. C'est le cas dans * les quatre pages légales et la 404. * * ## Le thème suit désormais le lecteur * * L'ancienne version imposait le sombre en permanence, au motif qu'« un * document légal qui change de couleur suggère deux versions du texte ». * L'argument ne tient pas : le TEXTE est le même, seul le contraste change, et * imposer un fond noir à qui lit un contrat en plein soleil est une gêne * réelle. La bascule de la landing vaut ici aussi — même clé de stockage, donc * un choix fait sur la page d'accueil est déjà appliqué en arrivant. */ :root { --r: 16px; } * { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; } body { margin: 0; background: var(--fond); color: var(--encre); font: 17px/1.65 ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; -webkit-font-smoothing: antialiased; } a { color: var(--lina); } /* ── Barre de retour ────────────────────────────────────────────────────── Quelqu'un qui arrive ici depuis une fiche de boutique n'a AUCUN autre moyen de découvrir le produit : c'est souvent la première page vue du site. */ header.retour { border-bottom: 1px solid var(--trait); /* La couleur de la PAGE, pas celle des cartes. `var(--papier)` marchait tant que le site était sombre : #191614 sur #100e0c, deux presque-noirs, l'écart se lisait comme un relief. En clair c'est du blanc pur sur du crème — une bande qui ne raccorde pas, et un en-tête qui n'a plus rien à voir avec celui de la landing (laquelle prend déjà la couleur du fond). Le filet du dessous suffit à séparer. */ background: var(--fond); } header.retour .dedans { max-width: 760px; margin: 0 auto; padding: 14px 22px; display: flex; align-items: center; gap: 14px; flex-wrap: wrap; } header.retour .marque { font-weight: 700; letter-spacing: -.02em; font-size: 19px; color: var(--encre); text-decoration: none; display: inline-flex; align-items: center; gap: 9px; } /* Meme jeton que la landing : c'est le logo decoupe en rond, servi depuis `/favicon.svg`. Le lien de retour doit se reconnaitre d'un coup d'oeil. */ header.retour .marque::before { content: ""; width: 32px; height: 32px; border-radius: 50%; flex: none; background: url(/favicon.svg) center / cover no-repeat; } header.retour nav { margin-left: auto; display: flex; gap: 16px; flex-wrap: wrap; align-items: center; } header.retour nav a { color: var(--gris); text-decoration: none; font-size: 14.5px; } header.retour nav a:hover, header.retour nav a[aria-current="page"] { color: var(--lina); } /* ── Bascule clair / sombre ─────────────────────────────────────────────── Le bouton est fabriqué par `/theme.js` et inséré dans le `