/* ============================================================
   VirtualNostalgia — Thèmes commutables
   Chaque thème redéfinit seulement la palette (variables CSS).
   Appliqué via la classe body.theme-{clé}. Facile à étendre :
   dupliquez un bloc, changez les couleurs, ajoutez la clé dans
   App\Support\Themes.
   ============================================================ */

/* ---------- Logo : violet nuit & orange (couleurs du logo) ---------- */
body.theme-logo {
    --bg: #120e26;
    --bg-soft: #171232;
    --surface: #1d173c;
    --surface-2: #262050;
    --surface-3: #322a68;
    --border: rgba(200, 190, 255, 0.10);
    --border-strong: rgba(200, 190, 255, 0.22);
    --text: #f2eefc;
    --text-soft: #b6acd8;
    --text-faint: #7d74a4;
    --accent: #f5862c;
    --accent-soft: rgba(245, 134, 44, 0.16);
    --accent-strong: #e0552c;
    --accent-2: #3b8ae0;
    --accent-3: #e0432c;
    --shadow: 0 10px 40px rgba(8, 4, 24, 0.55);
    --shadow-soft: 0 4px 18px rgba(8, 4, 24, 0.4);
    --grain-opacity: 0.028;
    --hero-grad: linear-gradient(100deg, #3b8ae0 8%, #f5a623 55%, #e0432c);
    --brand-grad: linear-gradient(135deg, #3b8ae0, #6d3fa8 55%, #f5862c);
}

/* ---------- Synthwave : néons des années 80 ---------- */
body.theme-synthwave {
    --bg: #0d0221;
    --bg-soft: #14082e;
    --surface: #1b0e3d;
    --surface-2: #26164f;
    --surface-3: #341e66;
    --border: rgba(255, 113, 206, 0.12);
    --border-strong: rgba(255, 113, 206, 0.30);
    --text: #f8f0ff;
    --text-soft: #ccb6ea;
    --text-faint: #8b74b8;
    --accent: #ff4fa3;
    --accent-soft: rgba(255, 79, 163, 0.16);
    --accent-strong: #e0267e;
    --accent-2: #2ce8e8;
    --accent-3: #b76bff;
    --shadow: 0 10px 44px rgba(255, 79, 163, 0.18);
    --shadow-soft: 0 4px 20px rgba(10, 2, 30, 0.5);
    --grain-opacity: 0.022;
    --hero-grad: linear-gradient(100deg, #2ce8e8 5%, #b76bff 45%, #ff4fa3);
    --brand-grad: linear-gradient(135deg, #2ce8e8, #ff4fa3);
}

/* ---------- Coucher de soleil : corail & mauve (Miami) ---------- */
body.theme-sunset {
    --bg: #1a0f1a;
    --bg-soft: #241322;
    --surface: #2c1729;
    --surface-2: #3a1f34;
    --surface-3: #4c2a44;
    --border: rgba(255, 200, 190, 0.10);
    --border-strong: rgba(255, 200, 190, 0.24);
    --text: #fceff0;
    --text-soft: #d9b6bd;
    --text-faint: #a17c86;
    --accent: #ff7a59;
    --accent-soft: rgba(255, 122, 89, 0.16);
    --accent-strong: #e04f4f;
    --accent-2: #b56bd6;
    --accent-3: #ffb37a;
    --shadow: 0 10px 42px rgba(40, 10, 30, 0.55);
    --shadow-soft: 0 4px 18px rgba(40, 10, 30, 0.4);
    --grain-opacity: 0.03;
    --hero-grad: linear-gradient(100deg, #ffb37a 5%, #ff7a59 45%, #b56bd6);
    --brand-grad: linear-gradient(135deg, #ff7a59, #b56bd6);
}

/* ---------- Émeraude : vert profond & or ---------- */
body.theme-emerald {
    --bg: #071613;
    --bg-soft: #0b1e1a;
    --surface: #0f2621;
    --surface-2: #16332c;
    --surface-3: #1f453b;
    --border: rgba(180, 255, 220, 0.09);
    --border-strong: rgba(180, 255, 220, 0.22);
    --text: #edfaf3;
    --text-soft: #a9cdbf;
    --text-faint: #6f978a;
    --accent: #e8c15a;
    --accent-soft: rgba(232, 193, 90, 0.15);
    --accent-strong: #c99a2e;
    --accent-2: #2fd39a;
    --accent-3: #4ae0c0;
    --shadow: 0 10px 40px rgba(2, 20, 15, 0.6);
    --shadow-soft: 0 4px 18px rgba(2, 20, 15, 0.42);
    --grain-opacity: 0.028;
    --hero-grad: linear-gradient(100deg, #2fd39a 5%, #7ee0a0 45%, #e8c15a);
    --brand-grad: linear-gradient(135deg, #2fd39a, #e8c15a);
}

/* ---------- Terminal : vert rétro sur noir (informatique 80s) ---------- */
body.theme-terminal {
    --bg: #050806;
    --bg-soft: #0a0f0b;
    --surface: #0e150f;
    --surface-2: #141d15;
    --surface-3: #1d2a1f;
    --border: rgba(80, 255, 140, 0.12);
    --border-strong: rgba(80, 255, 140, 0.28);
    --text: #daffde;
    --text-soft: #86c79a;
    --text-faint: #548f66;
    --accent: #38ff8e;
    --accent-soft: rgba(56, 255, 142, 0.14);
    --accent-strong: #17c765;
    --accent-2: #6affc0;
    --accent-3: #a6ff5f;
    --shadow: 0 10px 40px rgba(0, 20, 8, 0.7);
    --shadow-soft: 0 4px 18px rgba(0, 20, 8, 0.5);
    --grain-opacity: 0.04;
    --hero-grad: linear-gradient(100deg, #6affc0 5%, #38ff8e 50%, #a6ff5f);
    --brand-grad: linear-gradient(135deg, #38ff8e, #a6ff5f);
}

/* ---------- Cassis : baies & rose poudré ---------- */
body.theme-berry {
    --bg: #150a1e;
    --bg-soft: #1d0f2a;
    --surface: #241333;
    --surface-2: #301a43;
    --surface-3: #3f2456;
    --border: rgba(240, 200, 255, 0.10);
    --border-strong: rgba(240, 200, 255, 0.24);
    --text: #f8eefc;
    --text-soft: #cbb0dd;
    --text-faint: #8f74a6;
    --accent: #f472b6;
    --accent-soft: rgba(244, 114, 182, 0.16);
    --accent-strong: #d1418f;
    --accent-2: #a78bfa;
    --accent-3: #f0abfc;
    --shadow: 0 10px 42px rgba(20, 6, 34, 0.6);
    --shadow-soft: 0 4px 18px rgba(20, 6, 34, 0.42);
    --grain-opacity: 0.026;
    --hero-grad: linear-gradient(100deg, #a78bfa 5%, #f0abfc 45%, #f472b6);
    --brand-grad: linear-gradient(135deg, #a78bfa, #f472b6);
}

/* Accent secondaire du lettrage « Nostalgia » suit l'accent du thème */
.nav-logo em { color: var(--accent); }