body.theme-ocean {
--bg: #e0f2fe;
        --panel: #f9fafb;
        --soft: #dbeafe;
        --text: #0f172a;
        --muted: #64748b;
        --primary: #0ea5e9;
        --border: #bfdbfe;
}

body.theme-ocean .icon-btn.active {
background: linear-gradient(135deg, var(--primary), #3b82f6);
            border-color: var(--primary);
}

body.theme-ocean .icon-btn:hover {
background: var(--soft);
            border-color: var(--border);
}

body.theme-forest {
--bg: #ecfdf5;
        --panel: #f9fafb;
        --soft: #bbf7d0;
        --text: #022c22;
        --muted: #6b7280;
        --primary: #22c55e;
        --border: #a7f3d0;
}

body.theme-forest .icon-btn.active {
background: linear-gradient(135deg, var(--primary), #10b981);
            /* Yeşil tonlar */
            border-color: var(--primary);
}

body.theme-forest .icon-btn:hover {
background: var(--soft);
            border-color: var(--border);
}

body.theme-sunset {
--bg: #fff7ed;
        --panel: #fff7ed;
        --soft: #fed7aa;
        --text: #431407;
        --muted: #7c2d12;
        --primary: #f97316;
        --border: #fed7aa;
}

body.theme-sunset .icon-btn.active {
background: linear-gradient(135deg, var(--primary), #f59e0b);
            /* Turuncu tonlar */
            border-color: var(--primary);
}

body.theme-sunset .icon-btn:hover {
background: var(--soft);
            border-color: var(--border);
}

body.theme-violet {
--bg: #f5f3ff;
        --panel: #faf5ff;
        --soft: #ddd6fe;
        --text: #1e1b4b;
        --muted: #6b21a8;
        --primary: #8b5cf6;
        --border: #ddd6fe;
}

body.theme-violet .icon-btn.active {
background: linear-gradient(135deg, var(--primary), #6b21a8);
            /* Mor tonlar */
            border-color: var(--primary);
}

body.theme-violet .icon-btn:hover {
background: var(--soft);
            border-color: var(--border);
}

body.theme-rose {
--bg: #fff1f2;
        --panel: #fff7fb;
        --soft: #fecdd3;
        --text: #4a044e;
        --muted: #9f1239;
        --primary: #fb7185;
        --border: #fecdd3;
}

body.theme-rose .icon-btn.active {
background: linear-gradient(135deg, var(--primary), #9f1239);
            /* Pembe tonlar */
            border-color: var(--primary);
}

body.theme-rose .icon-btn:hover {
background: var(--soft);
            border-color: var(--border);
}

body.theme-ocean #login-screen.login-hero {
background:
            radial-gradient(1200px 600px at 80% -10%, rgba(14, 165, 233, .18), transparent 60%),
            radial-gradient(1000px 500px at -10% 110%, rgba(37, 99, 235, .12), transparent 60%),
            linear-gradient(180deg, #e0f2fe 0%, #eff6ff 100%);
}

body.theme-forest #login-screen.login-hero {
background:
            radial-gradient(1200px 600px at 80% -10%, rgba(34, 197, 94, .18), transparent 60%),
            radial-gradient(1000px 500px at -10% 110%, rgba(16, 185, 129, .16), transparent 60%),
            linear-gradient(180deg, #ecfdf5 0%, #dcfce7 100%);
}

body.theme-sunset #login-screen.login-hero {
background:
            radial-gradient(1200px 600px at 80% -10%, rgba(249, 115, 22, .18), transparent 60%),
            radial-gradient(1000px 500px at -10% 110%, rgba(236, 72, 153, .16), transparent 60%),
            linear-gradient(180deg, #fff7ed 0%, #fee2e2 100%);
}

body.theme-ocean #messages {
background: radial-gradient(circle at top left, #e0f2fe 0, #ffffff 45%, #eff6ff 100%) !important;
        background-image: none !important;
}

body.theme-forest #messages {
background: radial-gradient(circle at top left, #bbf7d0 0, #ffffff 45%, #dcfce7 100%) !important;
        background-image: none !important;
}

body.theme-sunset #messages {
background: radial-gradient(circle at top left, #fed7aa 0, #ffffff 45%, #fee2e2 100%) !important;
        background-image: none !important;
}

body.theme-violet #messages {
background: radial-gradient(circle at top left, #ddd6fe 0, #faf5ff 45%, #e5e7eb 100%) !important;
        background-image: none !important;
}

body.theme-rose #messages {
background: radial-gradient(circle at top left, #fecdd3 0, #ffe4e6 45%, #fdf2f8 100%) !important;
        background-image: none !important;
}