/* Vitrine · contrat de thème v1
   Un univers = un jeu de variables. Appliquer via data-univers="maison|tcg|kawaii|figurines"
   sur <html>, une page ou une tuile. Aucun composant ne code de couleur en dur.
   Branchement : data-univers = famille du produit renvoyée par l'API. */

:root{
  --f-text:'Space Grotesk',system-ui,sans-serif;
  --f-data:'JetBrains Mono',ui-monospace,monospace;
  --r-l:28px; --r-m:20px; --r-s:12px; --gap:10px;
}

[data-univers]{
  color:var(--u-ink); font-family:var(--f-text);
  --u-spot:0;   /* projecteur derrière l'objet détouré (0|1) */
  --u-chrome:0; /* reflet chrome sur l'objet (0|1) */
}

/* Base neutre : accueil et pages transverses */
[data-univers="maison"]{
  --u-bg:#0b0c10; --u-surface:#15171d; --u-surface-2:#1f222a;
  --u-ink:#eceef2; --u-muted:#959cab; --u-line:rgba(236,238,242,.07);
  --u-a1:#eceef2; --u-a2:#c3c8d3; --u-a3:#7d8494; --u-on:#0b0c10;
  --u-ease:cubic-bezier(.2,.7,.2,1); --u-dur:300ms; --u-tilt:8; --u-holo:0;
}

/* Cartes à collectionner : froid, vif, holo */
[data-univers="tcg"]{
  --u-bg:#070b18; --u-surface:#0e1530; --u-surface-2:#16204a;
  --u-ink:#e8ecf7; --u-muted:#8d97b5; --u-line:rgba(92,225,255,.09);
  --u-a1:#5ce1ff; --u-a2:#ff5cc8; --u-a3:#5cf2a0; --u-on:#070b18;
  --u-ease:cubic-bezier(.3,0,.1,1); --u-dur:150ms; --u-tilt:18; --u-holo:1;
}

/* Kawaii : pastel, rebond */
[data-univers="kawaii"]{
  --u-bg:#150f1f; --u-surface:#231a31; --u-surface-2:#2f2442;
  --u-ink:#fff4fa; --u-muted:#bcaecb; --u-line:rgba(255,179,209,.1);
  --u-a1:#ffb3d1; --u-a2:#a8f0d4; --u-a3:#fff0a0; --u-on:#1a1024;
  --u-ease:cubic-bezier(.34,1.56,.64,1); --u-dur:450ms; --u-tilt:14; --u-holo:.5;
}

/* Figurines « vitrine de nuit » : chaud, projecteur, chrome */
[data-univers="figurines"]{
  --u-bg:#0e0b14; --u-surface:#17121f; --u-surface-2:#231a2e;
  --u-ink:#f6f1f4; --u-muted:#aaa1b9; --u-line:rgba(255,107,26,.1);
  --u-a1:#ff6b1a; --u-a2:#9a6bff; --u-a3:#fff3e6; --u-on:#0e0b14;
  --u-ease:cubic-bezier(.34,1.25,.64,1); --u-dur:400ms; --u-tilt:10; --u-holo:0;
  --u-spot:1; --u-chrome:1;
}

/* Mouvement réduit : plus de durée, plus d'inclinaison ; le projecteur reste centré */
@media (prefers-reduced-motion:reduce){
  [data-univers]{--u-dur:0ms; --u-tilt:0}
}

/* Contrastes vérifiés (--u-muted sur --u-surface) : maison 6,5 · tcg 6,2 · kawaii 8,0 · figurines 7,4.
   Texte --u-on sur chaque accent : AA (≥ 4,5) dans les quatre univers. */