/* ============================================================================
   PLOXION-THEME — themes.css
   ----------------------------------------------------------------------------
   NOUVEAU CAP (José, 2026-06-18) : on garde UN SEUL thème de base = chill-tekk.
   Tous les autres thèmes (win11/winxp/macos/… ) sont JETÉS — ils se recréent
   depuis le ploxion themes (/themes) en éditant les tokens --xr-* (thèmes custom
   sauvés en localStorage `xb-custom-themes`, injectés au pré-paint). Plus de
   liberté : un thème = de la DATA créée à la main, pas du CSS hardcodé.

   chill-tekk = thème explicite (= valeurs :root de xerboxion.css). Contrat :
   --xr-bg --xr-surface --xr-border --xr-accent --xr-accent2 --xr-text --xr-muted
   --xr-glow --xr-glow2 --xr-font --xr-font-mono --xr-font-ui
   ============================================================================ */

html[data-theme="chill-tekk"]{
  --xr-bg:#050505; --xr-surface:rgba(10,10,15,.7); --xr-border:#0ff;
  --xr-accent:rgba(0,243,255,.9); --xr-accent2:rgba(255,0,200,.85);
  --xr-text:rgba(220,220,220,.9); --xr-muted:rgba(220,220,220,.45);
  --xr-glow:rgba(0,243,255,.35); --xr-glow2:rgba(255,0,200,.25);
  --xr-font:'Orbitron',sans-serif; --xr-font-mono:'Share Tech Mono',monospace; --xr-font-ui:'Orbitron',sans-serif;
}
/* CHILL MOBILE (José) : sur mobile, chill-tekk vraiment CHILL — le cyan pur #0ff des
   bordures (trop électrisant) devient une bordure douce translucide, glow et accent
   calmés, surface un poil plus opaque/lisible. Gaté html.uitier-mobile -> desktop INTOUCHÉ. */
html.uitier-mobile[data-theme="chill-tekk"]{
  --xr-surface:rgba(13,12,22,.83);
  --xr-border:rgba(150,120,235,.22);             /* bordure douce, teintée VIOLET (vivant) */
  --xr-accent:rgba(96,200,205,.86);              /* teal calme */
  --xr-accent2:rgba(168,92,255,.85);             /* électricité VIOLETTE (José) */
  --xr-text:rgba(228,232,235,.94); --xr-muted:rgba(200,205,215,.5);
  --xr-glow:rgba(120,90,235,.16); --xr-glow2:rgba(168,92,255,.18);
}

/* AUDIT (dev) : thème volontairement criard pour repérer le hardcodé. Tout ce
   qui ne devient PAS vert-acide/rouge/jaune = couleur en dur à migrer vers --xr-*. */
html[data-theme="audit"]{
  --xr-bg:#0a3d00; --xr-surface:#114d0a; --xr-border:#ff00ff;
  --xr-accent:#aaff00; --xr-accent2:#ff2200; --xr-text:#ffff00; --xr-muted:#ff8800;
  --xr-glow:#aaff0066; --xr-glow2:#ff220066;
  --xr-font:'Comic Sans MS',cursive; --xr-font-mono:monospace; --xr-font-ui:'Comic Sans MS',cursive;
}

/* ============================================================================
   THÈMES « CUBION UI » — le site ressemble à un OS (José). Tokens + chrome
   (theme-skins.css). Tout le site étant tokenisé --xr-*, ça reskine en entier.
   ============================================================================ */
html[data-theme="windows"]{   /* Windows 11 — clair, Mica, Segoe, bleu */
  --xr-bg:#f3f3f3; --xr-surface:#fbfbfbf2; --xr-border:#e5e5e5;
  --xr-accent:#0067c0; --xr-accent2:#005a9e; --xr-text:#1b1b1b; --xr-muted:#5d5d5d;
  --xr-glow:#0067c026; --xr-glow2:#005a9e1f;
  --xr-font:"Segoe UI Variable","Segoe UI",system-ui,sans-serif; --xr-font-mono:"Cascadia Code",Consolas,monospace; --xr-font-ui:"Segoe UI",system-ui,sans-serif;
}
html[data-theme="iphone"]{    /* iOS — blanc, SF, gros rayons, bleu/vert */
  --xr-bg:#f2f2f7; --xr-surface:#ffffff; --xr-border:#d1d1d6;
  --xr-accent:#007aff; --xr-accent2:#34c759; --xr-text:#000000; --xr-muted:#8e8e93;
  --xr-glow:#007aff22; --xr-glow2:#34c75920;
  --xr-font:-apple-system,"SF Pro Text","Helvetica Neue",system-ui,sans-serif; --xr-font-mono:"SF Mono",ui-monospace,monospace; --xr-font-ui:-apple-system,"SF Pro Text",system-ui,sans-serif;
}
html[data-theme="android"]{   /* Material 3 — clair lilas, Roboto, élévations */
  --xr-bg:#fef7ff; --xr-surface:#ffffff; --xr-border:#cac4d0;
  --xr-accent:#6750a4; --xr-accent2:#7d5260; --xr-text:#1d1b20; --xr-muted:#49454f;
  --xr-glow:#6750a426; --xr-glow2:#7d52601f;
  --xr-font:"Roboto","Noto Sans",system-ui,sans-serif; --xr-font-mono:"Roboto Mono",monospace; --xr-font-ui:"Roboto",system-ui,sans-serif;
}