/* Ujjina Player Studio - Temas Dark / Light */

[data-theme="dark"] {
    --bg: #0f1117;
    --bg-secondary: #161822;
    --surface: #1e2030;
    --surface-hover: #262840;
    --border: #2e3148;
    --text: #e4e6f0;
    --text-muted: #8b8fa8;
    --accent: #4a9eff;
    --accent-soft: rgba(74, 158, 255, 0.1);
    --input-bg: #161822;
    --shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
    --header-bg: rgba(15, 17, 23, 0.95);
    color-scheme: dark;
}

[data-theme="light"] {
    --bg: #f5f6fa;
    --bg-secondary: #ffffff;
    --surface: #ffffff;
    --surface-hover: #f0f1f5;
    --border: #e0e2eb;
    --text: #1a1c2e;
    --text-muted: #6b7089;
    --accent: #2563eb;
    --accent-soft: rgba(37, 99, 235, 0.08);
    --input-bg: #f5f6fa;
    --shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    --header-bg: rgba(255, 255, 255, 0.95);
    color-scheme: light;
}

body {
    background: var(--bg);
    color: var(--text);
}

/* Logo switching */
[data-theme="dark"] .logo-dark { display: inline-block !important; }
[data-theme="dark"] .logo-light { display: none !important; }
[data-theme="dark"] .icon-sun { display: inline !important; }
[data-theme="dark"] .icon-moon { display: none !important; }

[data-theme="light"] .logo-dark { display: none !important; }
[data-theme="light"] .logo-light { display: inline-block !important; }
[data-theme="light"] .icon-sun { display: none !important; }
[data-theme="light"] .icon-moon { display: inline !important; }