/* ========================================
   KIKOOTCHAT - THÈMES COMPLETS
   ======================================== */

/* THÈME PAR DÉFAUT - KikootChat Rose */
html[data-theme="default"], :root {
    --primary: #ec4899;
    --primary-dark: #be185d;
    --secondary: #f472b6;
    --secondary-dark: #db2777;
    --bg-main: #0b0f1a;
    --bg-dark: #060910;
    --accent: #f472b6;
    --glow: rgba(236,72,153,0.4);
    --border: rgba(236,72,153,0.3);
    --text: #ffffff;
    --text-muted: #94a3b8;
    --msg-bg: rgba(255,255,255,0.05);
    --sidebar-bg: rgba(15,18,35,0.95);
    --header-bg: linear-gradient(135deg, #be185d, #db2777);
    --bg-image: url('/images/fond2.jpg');
}

/* 🌸 SAKURA */
html[data-theme="sakura"] {
    --primary: #f9a8d4;
    --primary-dark: #ec4899;
    --secondary: #fce7f3;
    --secondary-dark: #fbcfe8;
    --bg-main: #1a0a12;
    --bg-dark: #110008;
    --accent: #f472b6;
    --glow: rgba(249,168,212,0.4);
    --border: rgba(249,168,212,0.3);
    --text: #fff0f6;
    --text-muted: #f9a8d4;
    --msg-bg: rgba(249,168,212,0.05);
    --sidebar-bg: rgba(26,10,18,0.97);
    --header-bg: linear-gradient(135deg, #9d174d, #be185d);
    --bg-image: url('/images/fond2.jpg');
}

/* 🚀 CYBERPUNK */
html[data-theme="cyberpunk"] {
    --primary: #a855f7;
    --primary-dark: #7c3aed;
    --secondary: #06b6d4;
    --secondary-dark: #0891b2;
    --bg-main: #050010;
    --bg-dark: #020008;
    --accent: #06b6d4;
    --glow: rgba(168,85,247,0.5);
    --border: rgba(168,85,247,0.4);
    --text: #e0e7ff;
    --text-muted: #a5b4fc;
    --msg-bg: rgba(168,85,247,0.05);
    --sidebar-bg: rgba(5,0,16,0.97);
    --header-bg: linear-gradient(135deg, #4c1d95, #1e1b4b);
    --bg-image: url('/images/fond2.jpg');
}

/* 🌊 OCEAN */
html[data-theme="ocean"] {
    --primary: #38bdf8;
    --primary-dark: #0284c7;
    --secondary: #7dd3fc;
    --secondary-dark: #38bdf8;
    --bg-main: #020c1b;
    --bg-dark: #010810;
    --accent: #38bdf8;
    --glow: rgba(56,189,248,0.4);
    --border: rgba(56,189,248,0.3);
    --text: #e0f2fe;
    --text-muted: #7dd3fc;
    --msg-bg: rgba(56,189,248,0.05);
    --sidebar-bg: rgba(2,12,27,0.97);
    --header-bg: linear-gradient(135deg, #0c4a6e, #075985);
    --bg-image: url('/images/fond2.jpg');
}

/* 🔥 INFERNO */
html[data-theme="inferno"] {
    --primary: #f97316;
    --primary-dark: #ea580c;
    --secondary: #fbbf24;
    --secondary-dark: #f59e0b;
    --bg-main: #1a0500;
    --bg-dark: #0f0300;
    --accent: #fbbf24;
    --glow: rgba(249,115,22,0.5);
    --border: rgba(249,115,22,0.3);
    --text: #fff7ed;
    --text-muted: #fdba74;
    --msg-bg: rgba(249,115,22,0.05);
    --sidebar-bg: rgba(26,5,0,0.97);
    --header-bg: linear-gradient(135deg, #9a3412, #c2410c);
    --bg-image: url('/images/fond2.jpg');
}

/* 🌿 NATURE */
html[data-theme="nature"] {
    --primary: #22c55e;
    --primary-dark: #16a34a;
    --secondary: #86efac;
    --secondary-dark: #4ade80;
    --bg-main: #021a08;
    --bg-dark: #011204;
    --accent: #86efac;
    --glow: rgba(34,197,94,0.4);
    --border: rgba(34,197,94,0.3);
    --text: #f0fdf4;
    --text-muted: #86efac;
    --msg-bg: rgba(34,197,94,0.05);
    --sidebar-bg: rgba(2,26,8,0.97);
    --header-bg: linear-gradient(135deg, #14532d, #166534);
    --bg-image: url('/images/fond2.jpg');
}

/* ⭐ GALAXY */
html[data-theme="galaxy"] {
    --primary: #818cf8;
    --primary-dark: #6366f1;
    --secondary: #c4b5fd;
    --secondary-dark: #a78bfa;
    --bg-main: #020010;
    --bg-dark: #010008;
    --accent: #c4b5fd;
    --glow: rgba(129,140,248,0.5);
    --border: rgba(129,140,248,0.3);
    --text: #eef2ff;
    --text-muted: #a5b4fc;
    --msg-bg: rgba(129,140,248,0.05);
    --sidebar-bg: rgba(2,0,16,0.97);
    --header-bg: linear-gradient(135deg, #1e1b4b, #312e81);
    --bg-image: url('/images/fond2.jpg');
}

/* Application des variables au body */
body {
    background-color: var(--bg-main) !important;
}

/* Appliquer couleurs primaires partout */
.sidebar, #sidebar, #rooms-panel {
    background: var(--sidebar-bg) !important;
    border-color: var(--border) !important;
}

#header, .header, .top-bar {
    background: var(--header-bg) !important;
}

.messages-container, #messages {
    background: transparent !important;
}

/* Boutons */
button.primary-btn, .btn-primary, #send-btn, #kt-send-btn {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
}

button.primary-btn:hover, .btn-primary:hover {
    background: var(--primary-dark) !important;
}

/* Messages */
.message, .msg {
    background: var(--msg-bg) !important;
}

/* Bordures et accents */
.user-context-menu, .floating-webcam {
    border-color: var(--primary) !important;
    box-shadow: 0 0 20px var(--glow) !important;
}

/* Textes colorés */
.username, .user-name, b[style*="ec4899"] {
    color: var(--primary) !important;
}

/* Salons actifs */
.room-item.active, #rooms-list .active {
    background: rgba(var(--primary), 0.2) !important;
    border-color: var(--primary) !important;
}

/* Stars animation pour Galaxy */
html[data-theme="galaxy"] body::before {
    content: '';
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: radial-gradient(ellipse at center, rgba(129,140,248,0.1) 0%, transparent 70%);
    pointer-events: none;
    z-index: 0;
}