/* ── Variables de thème Weidler Studio ──
   Nuit (:root) et jour (html[data-theme="day"]).
   Couleurs composants : site.css · Interactions : interactive.css */

/* ── Thème nuit (défaut) ── */
:root,
html[data-theme="night"],
html[data-theme="auto"][data-theme-effective="night"] {
    --bg-deep: #060810;
    --bg-top: #0c1222;
    --bg-gradient-end: #040608;
    --bg-surface: rgba(14, 20, 36, 0.72);
    --bg-card: rgba(12, 18, 32, 0.85);
    --border: rgba(56, 80, 120, 0.35);
    --text: #f0f4ff;
    --text-muted: #94a3b8;
    --text-muted-soft: #b4c1d3;
    --lead-color: #cbd5e1;
    --accent: #22d3ee;
    --accent-dim: #0891b2;
    --accent-violet: #8b5cf6;
    --accent-glow: rgba(34, 211, 238, 0.18);
    --accent-soft: rgba(34, 211, 238, 0.1);
    --glow-cyan: 0 0 20px rgba(34, 211, 238, 0.18), 0 0 40px rgba(34, 211, 238, 0.06);
    --glow-violet: 0 0 20px rgba(139, 92, 246, 0.18), 0 0 40px rgba(139, 92, 246, 0.06);
    --glow-blue: 0 0 20px rgba(59, 130, 246, 0.18), 0 0 40px rgba(59, 130, 246, 0.06);
    --badge-dev: #c9a227;
    --badge-soon: #64748b;
    --badge-tool: #3b82f6;
    --header-bg: rgba(8, 12, 22, 0.92);
    --surface-color: #1b2234;
    --preferences-text: #ffffff;
    --btn-primary-bg: linear-gradient(180deg, rgba(16, 38, 68, 0.92) 0%, rgba(10, 24, 46, 0.96) 100%);
    --btn-primary-bg-hover: linear-gradient(180deg, rgba(20, 48, 82, 0.96) 0%, rgba(14, 30, 54, 1) 100%);
    --btn-primary-border: rgba(34, 211, 238, 0.52);
    --btn-primary-border-hover: rgba(34, 211, 238, 0.72);
    --btn-secondary-bg: rgba(8, 12, 24, 0.5);
    --btn-secondary-border: rgba(139, 92, 246, 0.42);
    --lang-inactive: #9aa7bd;
    --lang-active-bg: #0f2a38;
    --lang-active-text: #f4fcff;
    --lang-toggle-bg: #0f2a38;
    --lang-toggle-border: #22d3ee;
    --dropdown-bg: rgba(12, 18, 32, 0.98);
    --panel-muted-bg: rgba(14, 20, 36, 0.52);
    --panel-muted-border: rgba(56, 80, 120, 0.28);
    --conclusion-bg: rgba(14, 20, 36, 0.48);
    --conclusion-border: rgba(56, 80, 120, 0.38);
    --conclusion-text: #dce3ed;
    --meta-theme-color: #0a0e1a;
}

/* ── Thème jour (+ Auto résolu en jour via data-theme-effective) ── */
html[data-theme="day"],
html[data-theme="auto"][data-theme-effective="day"] {
    --bg-deep: #f7f9fc;
    --bg-top: #eef4fb;
    --bg-gradient-end: #ffffff;
    --bg-surface: rgba(255, 255, 255, 0.78);
    --bg-card: rgba(255, 255, 255, 0.9);
    --border: rgba(93, 112, 145, 0.22);
    --text: #0c1222;
    --text-muted: #58657b;
    --text-muted-soft: #74839a;
    --lead-color: #44536a;
    --accent: #22d3ee;
    --accent-dim: #0891b2;
    --accent-violet: #8b5cf6;
    --accent-glow: rgba(34, 211, 238, 0.12);
    --accent-soft: rgba(34, 211, 238, 0.06);
    --glow-cyan: 0 18px 42px rgba(34, 211, 238, 0.12);
    --glow-violet: 0 18px 42px rgba(139, 92, 246, 0.1);
    --glow-blue: 0 18px 42px rgba(59, 130, 246, 0.12);
    --card-border: rgba(34, 211, 238, 0.18);
    --card-shadow: 0 12px 30px rgba(12, 18, 34, 0.06);
    --badge-dev: #b45309;
    --badge-soon: #64748b;
    --badge-tool: #2563eb;
    --header-bg: rgba(244, 248, 253, 0.92);
    --surface-color: #eef4fb;
    --preferences-text: #0c1222;
    --btn-primary-bg: linear-gradient(180deg, #ffffff 0%, #eef8ff 100%);
    --btn-primary-bg-hover: #22d3ee;
    --btn-primary-border: rgba(34, 211, 238, 0.45);
    --btn-primary-border-hover: #22d3ee;
    --btn-primary-text-hover: #ffffff;
    --btn-secondary-bg: rgba(255, 255, 255, 0.85);
    --btn-secondary-border: rgba(139, 92, 246, 0.35);
    --lang-inactive: #0c1222;
    --lang-active-bg: #22d3ee;
    --lang-active-text: #ffffff;
    --lang-toggle-bg: #e8f7fb;
    --lang-toggle-text: #0c1222;
    --lang-toggle-border: rgba(34, 211, 238, 0.35);
    --dropdown-bg: rgba(255, 255, 255, 0.98);
    --panel-muted-bg: rgba(255, 255, 255, 0.92);
    --panel-muted-border: rgba(93, 112, 145, 0.18);
    --conclusion-bg: rgba(255, 255, 255, 0.92);
    --conclusion-border: rgba(34, 211, 238, 0.18);
    --conclusion-text: #44536a;
    --meta-theme-color: #f7f9fc;
}