/* ========================================================================== SUPERVANDAL — design system partagé (/css/site.css) Direction (refonte du 2026-10-05) : « NUIT FORAINE ». La fête foraine, la salle de cinéma et la borne d'arcade ont la même lumière : des ampoules sur la nuit. Clem vient de la mise en scène (cinématiques), il fabrique des jeux de fête foraine (Bullet Smash, Banana Games) sur un moteur qu'il écrit lui-même. D'où : - une nuit chaude (noir brun, jamais bleu) et du papier crème pour ce qui se lit comme un document (Clem, le portfolio, les pages légales) ; - trois voix typographiques, les trois facettes de Clem : Fraunces (serif douce, faite main) -> l'artiste : titres, italiques de la voix ; Archivo (grotesque nette) -> la clarté : texte, interface ; IBM Plex Mono (code) -> le développeur : étiquettes, chiffres ; - des motifs tirés du métier : rangées d'ampoules, tickets perforés, cadres de visée (le réalisateur), carton de générique, polaroïd annoté ; - les vraies images seulement : captures en jeu, portrait, éditeur. ========================================================================== CONTRAT PARTAGÉ (API figée le 2026-10-03, ne pas renommer ces classes ni ces variables ; on peut AJOUTER, jamais retirer ni changer le sens). Propriétaire : partie publique. Les pages /account/ et /admin/ ajoutent leurs styles spécifiques dans /css/app.css, chargé APRÈS celui-ci. Squelette de page attendu : …
…
(Sans la feuille Google Fonts, les polices système prennent le relais.) Variables (préfixe --sv-) : couleurs --sv-bg --sv-surface --sv-surface-2 --sv-border --sv-border-strong --sv-text --sv-text-dim --sv-accent --sv-accent-ink (texte sur accent) --sv-ok --sv-warn --sv-danger --sv-info (+ 2026-10-03) --sv-text-faint --sv-line (traits fins) --sv-bs --sv-rf --sv-pb --sv-nrs (couleur signature de chaque jeu) (+ 2026-10-04) graphiques : --sv-chart-bs --sv-chart-rf --sv-chart-pb --sv-chart-nrs (série de chaque jeu, ordre validé daltonisme sur fond sombre) --sv-chart-u1 --sv-chart-u2 --sv-chart-u3 (blocs publicitaires) ; pièces du « casino » admin : --sv-coin --sv-coin-light --sv-coin-dark (aussi, depuis le 2026-10-05, la pièce du compte : .sv-coin, bonus du jour) (+ 2026-10-05) papier : --sv-paper --sv-paper-2 --sv-ink --sv-ink-dim --sv-red ; ampoules : --sv-bulb ; Banana Games : --sv-bg-night typo --sv-font --sv-fs-xs --sv-fs-sm --sv-fs-md --sv-fs-lg --sv-fs-xl --sv-fs-2xl (+) --sv-font-display (titres : Fraunces depuis le 2026-10-05) --sv-font-mono --sv-fs-3xl --sv-fs-mega espaces --sv-s1 (4px) --sv-s2 (8) --sv-s3 (12) --sv-s4 (16) --sv-s5 (24) --sv-s6 (32) --sv-s7 (48) --sv-s8 (64) (+) --sv-s9 (96) --sv-gutter (marge latérale fluide) --sv-section (respiration verticale) divers --sv-radius --sv-maxw --sv-focus (+) --sv-radius-sm --sv-radius-lg --sv-radius-xl --sv-shadow-1 --sv-shadow-2 --sv-shadow-3 --sv-ease --sv-header-h Layout .sv-main .sv-container .sv-container--narrow .sv-section .sv-stack (pile verticale) .sv-row (ligne flex qui passe à la ligne) .sv-grid (grille auto-fit, cartes) .sv-grid--2 .sv-grid--4 Texte .sv-kicker (petit titre mono accent) .sv-lead .sv-muted .sv-small .sv-mono-num .sv-prose (texte long : listes, liens soulignés) (+) .sv-mono .sv-display Boutons .sv-btn + .sv-btn--primary | --ghost | --danger | --small | --block (sur