/* ============================================================
   FORMATIONS.J2B — SYSTÈME DE THÈMES
   Chaque thème redéfinit TOUTES les variables de app.css.
   Sélection : body[data-theme="..."] (défini par le header, réglable
   depuis le panel admin — site_settings.theme).
   ============================================================ */

/* ---------- 1 · NEON (défaut) — futuriste cyan/violet ---------- */
[data-theme="neon"] {
  --bg: #030712;
  --bg-2: #050a18;
  --panel: rgba(9, 16, 36, .62);
  --line: rgba(34, 211, 238, .16);
  --cyan: #22d3ee;
  --violet: #a78bfa;
  --magenta: #e879f9;
  --gold: #fbbf24;
  --green: #34d399;
  --text: #e2e8f0;
  --muted: #7c8db5;
  --grid: rgba(34, 211, 238, .045);
  --glow-a: rgba(34, 211, 238, .14);
  --glow-b: rgba(167, 139, 250, .12);
  --glow-c: rgba(232, 121, 249, .07);
  --grad-a: #22d3ee;
  --grad-b: #a78bfa;
  --grad-c: #e879f9;
  --grad-d: #67e8f9;
  --btn-text: #031018;
  --accent-glow: rgba(34, 211, 238, .45);
  --accent-glow-hover: rgba(34, 211, 238, .7);
  --accent-glow-soft: rgba(34, 211, 238, .15);
  --accent-glow-25: rgba(34, 211, 238, .25);
  --accent-70: rgba(34, 211, 238, .7);
  --accent-50: rgba(34, 211, 238, .5);
  --accent-35: rgba(34, 211, 238, .35);
  --accent-25: rgba(34, 211, 238, .25);
  --accent-16: rgba(34, 211, 238, .16);
  --accent-10: rgba(34, 211, 238, .10);
  --accent-08: rgba(34, 211, 238, .08);
  --accent-06: rgba(34, 211, 238, .06);
  --accent-60line: rgba(34, 211, 238, .6);
  --accent-15: rgba(34, 211, 238, .15);
  --accent2-10: rgba(167, 139, 250, .10);
  --accent2-35: rgba(167, 139, 250, .35);
  --accent2-07: rgba(167, 139, 250, .07);
  --gold-10: rgba(251, 191, 36, .10);
  --gold-glow: rgba(251, 191, 36, .4);
  --gold-glow-hover: rgba(251, 191, 36, .6);
  --gold-btn-text: #1a1200;
  --gold-btn-b: #f59e0b;
  --danger: #fb7185;
  --danger-35: rgba(251, 113, 133, .35);
  --danger-06: rgba(251, 113, 133, .06);
  --danger-14: rgba(251, 113, 133, .14);
  --danger-glow: rgba(251, 113, 133, .2);
  --panel-solid: #04081a;
  --panel-soft: rgba(4, 8, 26, .6);
  --border-soft: rgba(34, 211, 238, .1);
  --input-bg: rgba(5, 10, 24, .8);
  --placeholder: #46557a;
  --text-2: #94a3b8;
  --text-3: #64748b;
  --text-4: #475569;
  --soft: #cbd5e1;
  --shadow-accent: #22d3ee;
  --btn-gold-bg-a: #fbbf24;
  --btn-ghost-25: rgba(34, 211, 238, .25);
}

/* ---------- 2 · LUMEN — clair épuré bleu profond ---------- */
[data-theme="lumen"] {
  --bg: #f4f7fb;
  --bg-2: #e9eef6;
  --panel: rgba(255, 255, 255, .85);
  --line: rgba(37, 99, 235, .14);
  --cyan: #2563eb;
  --violet: #7c3aed;
  --magenta: #db2777;
  --gold: #d97706;
  --green: #059669;
  --text: #0f172a;
  --muted: #5b6b84;
  --grid: rgba(37, 99, 235, .06);
  --glow-a: rgba(37, 99, 235, .12);
  --glow-b: rgba(124, 58, 237, .10);
  --glow-c: rgba(219, 39, 119, .06);
  --grad-a: #2563eb;
  --grad-b: #7c3aed;
  --grad-c: #db2777;
  --grad-d: #3b82f6;
  --btn-text: #ffffff;
  --accent-glow: rgba(37, 99, 235, .35);
  --accent-glow-hover: rgba(37, 99, 235, .55);
  --accent-glow-soft: rgba(37, 99, 235, .15);
  --accent-glow-25: rgba(37, 99, 235, .25);
  --accent-70: rgba(37, 99, 235, .7);
  --accent-50: rgba(37, 99, 235, .5);
  --accent-35: rgba(37, 99, 235, .35);
  --accent-25: rgba(37, 99, 235, .25);
  --accent-16: rgba(37, 99, 235, .16);
  --accent-10: rgba(37, 99, 235, .10);
  --accent-08: rgba(37, 99, 235, .08);
  --accent-06: rgba(37, 99, 235, .06);
  --accent-60line: rgba(37, 99, 235, .6);
  --accent-15: rgba(37, 99, 235, .15);
  --accent2-10: rgba(124, 58, 237, .10);
  --accent2-35: rgba(124, 58, 237, .35);
  --accent2-07: rgba(124, 58, 237, .07);
  --gold-10: rgba(217, 119, 6, .10);
  --gold-glow: rgba(217, 119, 6, .35);
  --gold-glow-hover: rgba(217, 119, 6, .55);
  --gold-btn-text: #ffffff;
  --gold-btn-b: #b45309;
  --danger: #dc2626;
  --danger-35: rgba(220, 38, 38, .30);
  --danger-06: rgba(220, 38, 38, .06);
  --danger-14: rgba(220, 38, 38, .12);
  --danger-glow: rgba(220, 38, 38, .18);
  --panel-solid: #ffffff;
  --panel-soft: rgba(255, 255, 255, .7);
  --border-soft: rgba(37, 99, 235, .12);
  --input-bg: #ffffff;
  --placeholder: #94a3b8;
  --text-2: #475569;
  --text-3: #64748b;
  --text-4: #94a3b8;
  --soft: #334155;
  --shadow-accent: #2563eb;
  --btn-gold-bg-a: #d97706;
  --btn-ghost-25: rgba(37, 99, 235, .25);
}
[data-theme="lumen"] .text-strongest { color: #0f172a; }
[data-theme="lumen"] .scanlines { display: none; }

/* ---------- 3 · EMBER — sombre chaleureux ambre/orangé ---------- */
[data-theme="ember"] {
  --bg: #0c0a09;
  --bg-2: #141110;
  --panel: rgba(28, 25, 23, .62);
  --line: rgba(245, 158, 11, .16);
  --cyan: #f59e0b;
  --violet: #fb923c;
  --magenta: #f97316;
  --gold: #fbbf24;
  --green: #34d399;
  --text: #f5f5f4;
  --muted: #a8a29e;
  --grid: rgba(245, 158, 11, .05);
  --glow-a: rgba(245, 158, 11, .14);
  --glow-b: rgba(249, 115, 22, .10);
  --glow-c: rgba(251, 191, 36, .06);
  --grad-a: #f59e0b;
  --grad-b: #fb923c;
  --grad-c: #f97316;
  --grad-d: #fbbf24;
  --btn-text: #1c0f00;
  --accent-glow: rgba(245, 158, 11, .45);
  --accent-glow-hover: rgba(245, 158, 11, .7);
  --accent-glow-soft: rgba(245, 158, 11, .15);
  --accent-glow-25: rgba(245, 158, 11, .25);
  --accent-70: rgba(245, 158, 11, .7);
  --accent-50: rgba(245, 158, 11, .5);
  --accent-35: rgba(245, 158, 11, .35);
  --accent-25: rgba(245, 158, 11, .25);
  --accent-16: rgba(245, 158, 11, .16);
  --accent-10: rgba(245, 158, 11, .10);
  --accent-08: rgba(245, 158, 11, .08);
  --accent-06: rgba(245, 158, 11, .06);
  --accent-60line: rgba(245, 158, 11, .6);
  --accent-15: rgba(245, 158, 11, .15);
  --accent2-10: rgba(251, 146, 60, .10);
  --accent2-35: rgba(251, 146, 60, .35);
  --accent2-07: rgba(251, 146, 60, .07);
  --gold-10: rgba(251, 191, 36, .10);
  --gold-glow: rgba(251, 191, 36, .4);
  --gold-glow-hover: rgba(251, 191, 36, .6);
  --gold-btn-text: #1a1200;
  --gold-btn-b: #d97706;
  --danger: #f87171;
  --danger-35: rgba(248, 113, 113, .35);
  --danger-06: rgba(248, 113, 113, .06);
  --danger-14: rgba(248, 113, 113, .14);
  --danger-glow: rgba(248, 113, 113, .2);
  --panel-solid: #141110;
  --panel-soft: rgba(20, 17, 16, .6);
  --border-soft: rgba(245, 158, 11, .1);
  --input-bg: rgba(20, 17, 16, .8);
  --placeholder: #57534e;
  --text-2: #d6d3d1;
  --text-3: #a8a29e;
  --text-4: #78716c;
  --soft: #e7e5e4;
  --shadow-accent: #f59e0b;
  --btn-gold-bg-a: #fbbf24;
  --btn-ghost-25: rgba(245, 158, 11, .25);
}

/* ---------- 4 · VERIDIAN — sombre émeraude/teal ---------- */
[data-theme="veridian"] {
  --bg: #04120e;
  --bg-2: #061a13;
  --panel: rgba(7, 26, 19, .62);
  --line: rgba(16, 185, 129, .16);
  --cyan: #10b981;
  --violet: #2dd4bf;
  --magenta: #a3e635;
  --gold: #fbbf24;
  --green: #34d399;
  --text: #d1fae5;
  --muted: #6b8f80;
  --grid: rgba(16, 185, 129, .05);
  --glow-a: rgba(16, 185, 129, .14);
  --glow-b: rgba(45, 212, 191, .10);
  --glow-c: rgba(163, 230, 53, .05);
  --grad-a: #10b981;
  --grad-b: #2dd4bf;
  --grad-c: #a3e635;
  --grad-d: #34d399;
  --btn-text: #02120c;
  --accent-glow: rgba(16, 185, 129, .45);
  --accent-glow-hover: rgba(16, 185, 129, .7);
  --accent-glow-soft: rgba(16, 185, 129, .15);
  --accent-glow-25: rgba(16, 185, 129, .25);
  --accent-70: rgba(16, 185, 129, .7);
  --accent-50: rgba(16, 185, 129, .5);
  --accent-35: rgba(16, 185, 129, .35);
  --accent-25: rgba(16, 185, 129, .25);
  --accent-16: rgba(16, 185, 129, .16);
  --accent-10: rgba(16, 185, 129, .10);
  --accent-08: rgba(16, 185, 129, .08);
  --accent-06: rgba(16, 185, 129, .06);
  --accent-60line: rgba(16, 185, 129, .6);
  --accent-15: rgba(16, 185, 129, .15);
  --accent2-10: rgba(45, 212, 191, .10);
  --accent2-35: rgba(45, 212, 191, .35);
  --accent2-07: rgba(45, 212, 191, .07);
  --gold-10: rgba(251, 191, 36, .10);
  --gold-glow: rgba(251, 191, 36, .4);
  --gold-glow-hover: rgba(251, 191, 36, .6);
  --gold-btn-text: #1a1200;
  --gold-btn-b: #d97706;
  --danger: #f87171;
  --danger-35: rgba(248, 113, 113, .35);
  --danger-06: rgba(248, 113, 113, .06);
  --danger-14: rgba(248, 113, 113, .14);
  --danger-glow: rgba(248, 113, 113, .2);
  --panel-solid: #061a13;
  --panel-soft: rgba(6, 26, 19, .6);
  --border-soft: rgba(16, 185, 129, .1);
  --input-bg: rgba(6, 26, 19, .8);
  --placeholder: #3f6b5a;
  --text-2: #a7f3d0;
  --text-3: #6b8f80;
  --text-4: #4b7263;
  --soft: #d1fae5;
  --shadow-accent: #10b981;
  --btn-gold-bg-a: #fbbf24;
  --btn-ghost-25: rgba(16, 185, 129, .25);
}

/* ---------- 5 · NEBULA — sombre violet/fuchsia ---------- */
[data-theme="nebula"] {
  --bg: #0d0717;
  --bg-2: #140b22;
  --panel: rgba(26, 14, 42, .62);
  --line: rgba(168, 85, 247, .16);
  --cyan: #a855f7;
  --violet: #d946ef;
  --magenta: #f0abfc;
  --gold: #fbbf24;
  --green: #34d399;
  --text: #ede9fe;
  --muted: #9d8cb8;
  --grid: rgba(168, 85, 247, .05);
  --glow-a: rgba(168, 85, 247, .14);
  --glow-b: rgba(217, 70, 239, .10);
  --glow-c: rgba(129, 140, 248, .07);
  --grad-a: #a855f7;
  --grad-b: #d946ef;
  --grad-c: #818cf8;
  --grad-d: #c084fc;
  --btn-text: #15041f;
  --accent-glow: rgba(168, 85, 247, .45);
  --accent-glow-hover: rgba(168, 85, 247, .7);
  --accent-glow-soft: rgba(168, 85, 247, .15);
  --accent-glow-25: rgba(168, 85, 247, .25);
  --accent-70: rgba(168, 85, 247, .7);
  --accent-50: rgba(168, 85, 247, .5);
  --accent-35: rgba(168, 85, 247, .35);
  --accent-25: rgba(168, 85, 247, .25);
  --accent-16: rgba(168, 85, 247, .16);
  --accent-10: rgba(168, 85, 247, .10);
  --accent-08: rgba(168, 85, 247, .08);
  --accent-06: rgba(168, 85, 247, .06);
  --accent-60line: rgba(168, 85, 247, .6);
  --accent-15: rgba(168, 85, 247, .15);
  --accent2-10: rgba(217, 70, 239, .10);
  --accent2-35: rgba(217, 70, 239, .35);
  --accent2-07: rgba(217, 70, 239, .07);
  --gold-10: rgba(251, 191, 36, .10);
  --gold-glow: rgba(251, 191, 36, .4);
  --gold-glow-hover: rgba(251, 191, 36, .6);
  --gold-btn-text: #1a1200;
  --gold-btn-b: #d97706;
  --danger: #fb7185;
  --danger-35: rgba(251, 113, 133, .35);
  --danger-06: rgba(251, 113, 133, .06);
  --danger-14: rgba(251, 113, 133, .14);
  --danger-glow: rgba(251, 113, 133, .2);
  --panel-solid: #140b22;
  --panel-soft: rgba(20, 11, 34, .6);
  --border-soft: rgba(168, 85, 247, .1);
  --input-bg: rgba(20, 11, 34, .8);
  --placeholder: #5d4b7a;
  --text-2: #ddd6fe;
  --text-3: #9d8cb8;
  --text-4: #74658f;
  --soft: #f5f3ff;
  --shadow-accent: #a855f7;
  --btn-gold-bg-a: #fbbf24;
  --btn-ghost-25: rgba(168, 85, 247, .25);
}