/* generált: musicbox.core.themes */
:root, [data-theme="ember"] { --bg: #0d0f14; --bg2: #161a23; --bg3: #1f2532; --fg: #f2f4f8; --fg2: #a9b1c2; --accent: #ffb84d; --accent2: #ff6b3d; --ok: #4cd97b; --warn: #ff5c5c; --radius: 14px; --font: "Noto Sans", "Segoe UI", "DejaVu Sans", Roboto, system-ui, sans-serif; --on-accent: #1a1200; }
[data-theme="neon"] { --bg: #05010d; --bg2: #120826; --bg3: #1d1040; --fg: #f8f0ff; --fg2: #b39ddb; --accent: #ff2bd6; --accent2: #00e5ff; --ok: #4cd97b; --warn: #ff5c5c; --radius: 10px; --font: "Noto Sans", "Segoe UI", "DejaVu Sans", Roboto, system-ui, sans-serif; --on-accent: #12001a; }
[data-theme="neon"] .brand { text-shadow: 0 0 12px var(--accent), 0 0 28px var(--accent2); }
[data-theme="neon"] .btn.primary, [data-theme="neon"] .credits .n { box-shadow: 0 0 18px rgba(255,43,214,.45); }
[data-theme="neon"] .tabs .btn.active { box-shadow: 0 0 16px rgba(0,229,255,.5); }
[data-theme="neon"] .topbar { border-bottom-color: var(--accent2); }
[data-theme="retro"] { --bg: #2b1a12; --bg2: #3d2619; --bg3: #55362a; --fg: #f7e9c9; --fg2: #d9c29a; --accent: #e8b04b; --accent2: #c0392b; --ok: #4cd97b; --warn: #ff5c5c; --radius: 20px; --font: "Noto Serif", Georgia, "DejaVu Serif", "Times New Roman", serif; --on-accent: #2b1a12; }
[data-theme="retro"] .topbar { background: linear-gradient(180deg, #5a3a2a, #3d2619); border-bottom: 3px solid var(--accent); }
[data-theme="retro"] .brand { letter-spacing: .18em; }
[data-theme="retro"] .btn.primary { background: linear-gradient(180deg, #f2c66d, #c9902f); border: 2px solid #7a5a1e; }
[data-theme="retro"] .track, [data-theme="retro"] .artists .btn { border: 1px solid rgba(232,176,75,.25); }
[data-theme="midnight"] { --bg: #06111f; --bg2: #0c1b31; --bg3: #14284a; --fg: #e6f0ff; --fg2: #8fa8cc; --accent: #7cc4ff; --accent2: #3b82f6; --ok: #4cd97b; --warn: #ff5c5c; --radius: 14px; --font: "Noto Sans", "Segoe UI", "DejaVu Sans", Roboto, system-ui, sans-serif; --on-accent: #031020; }
[data-theme="forest"] { --bg: #0b1410; --bg2: #12231a; --bg3: #1b3326; --fg: #eef7ef; --fg2: #9dbfa6; --accent: #a3e635; --accent2: #22c55e; --ok: #4cd97b; --warn: #ff5c5c; --radius: 14px; --font: "Noto Sans", "Segoe UI", "DejaVu Sans", Roboto, system-ui, sans-serif; --on-accent: #0b1a0e; }
[data-theme="sunset"] { --bg: #1a0b1e; --bg2: #2a1230; --bg3: #3d1a45; --fg: #fff3f0; --fg2: #d9a6c2; --accent: #ff8c42; --accent2: #ff3d81; --ok: #4cd97b; --warn: #ff5c5c; --radius: 14px; --font: "Noto Sans", "Segoe UI", "DejaVu Sans", Roboto, system-ui, sans-serif; --on-accent: #2a0a12; }
[data-theme="sunset"] body { background: linear-gradient(160deg, #1a0b1e 0%, #2d0f2f 60%, #3a1030 100%); }
[data-theme="sunset"] .topbar { background: linear-gradient(90deg, #2a1230, #4a1a3a); }
[data-theme="mono"] { --bg: #000000; --bg2: #141414; --bg3: #262626; --fg: #ffffff; --fg2: #9a9a9a; --accent: #ffffff; --accent2: #cfcfcf; --ok: #4cd97b; --warn: #ff5c5c; --radius: 4px; --font: "Noto Sans", "Segoe UI", "DejaVu Sans", Roboto, system-ui, sans-serif; --on-accent: #000000; }
[data-theme="mono"] .btn.primary { background: #fff; color: #000; }
[data-theme="mono"] .tabs .btn.active { background: #fff; color: #000; }
[data-theme="mono"] .credits .n, [data-theme="mono"] .brand { color: #fff; }
[data-theme="light"] { --bg: #f5f6fa; --bg2: #ffffff; --bg3: #e6e9f0; --fg: #14161c; --fg2: #5b6270; --accent: #e85d04; --accent2: #ff9e00; --ok: #15803d; --warn: #dc2626; --radius: 14px; --font: "Noto Sans", "Segoe UI", "DejaVu Sans", Roboto, system-ui, sans-serif; --on-accent: #ffffff; }
[data-theme="light"] .track, [data-theme="light"] .card, [data-theme="light"] .modal { box-shadow: 0 2px 10px rgba(0,0,0,.08); }
[data-theme="light"] .topbar { border-bottom-color: #d9dde6; }
[data-theme="light"] .right { border-left-color: #d9dde6; }
[data-theme="light"] .btn.primary { color: #fff; }
[data-theme="light"] .credits .n { color: var(--accent); }
[data-theme="light"] .kb .key:active { color: #fff; }
[data-theme="pub"] { --bg: #140b0b; --bg2: #24100f; --bg3: #3a1a18; --fg: #f5ece6; --fg2: #c9a79a; --accent: #d4a24c; --accent2: #9b2226; --ok: #4cd97b; --warn: #ff5c5c; --radius: 12px; --font: "Noto Serif", Georgia, "DejaVu Serif", "Times New Roman", serif; --on-accent: #1a0c08; }
[data-theme="pub"] .topbar { border-bottom: 2px solid var(--accent); }
[data-theme="pub"] .btn.primary { background: linear-gradient(135deg, #e0b25c, #b8862e); }
[data-theme="ocean"] { --bg: #04141a; --bg2: #0a2530; --bg3: #123847; --fg: #ecf8fb; --fg2: #8fbfcc; --accent: #2dd4bf; --accent2: #f4d58d; --ok: #4cd97b; --warn: #ff5c5c; --radius: 16px; --font: "Noto Sans", "Segoe UI", "DejaVu Sans", Roboto, system-ui, sans-serif; --on-accent: #04211f; }