/* Palete — data-theme na */
:root,
[data-theme="denim"] {
--bg: #121c2e;
--bg-card: #182640;
--bg-elevated: #1f3050;
--accent: #e8b923;
--accent-dim: #c99818;
--accent-soft: #7ec8f2;
--text: #e8eef7;
--text-muted: #8fa3bf;
--border: #2a4068;
--brate: #7ec8f2;
--link: #7ec8f2;
--link-hover: #e8b923;
--surface: #182640;
--btn-text: #121c2e;
--header-bg: rgba(18, 28, 46, 0.94);
--gradient-1: rgba(126, 200, 242, 0.1);
--gradient-2: rgba(232, 185, 35, 0.08);
--slider-glow: rgba(232, 185, 35, 0.45);
--brand-top: var(--accent);
--brand-bottom: var(--accent-soft);
--brand-placeholder-bg: color-mix(in srgb, var(--accent) 8%, var(--bg-card));
--brand-placeholder-stripe: color-mix(in srgb, var(--accent-soft) 6%, transparent);
}
[data-theme="spoon"] {
--bg: #243a5c;
--bg-card: #2d466e;
--bg-elevated: #355280;
--accent: #e8b923;
--accent-dim: #c99818;
--accent-soft: #a8dcff;
--text: #f2f7fc;
--text-muted: #b0c8e0;
--border: #4a6794;
--brate: #a8dcff;
--link: #a8dcff;
--link-hover: #ffe082;
--surface: #2d466e;
--btn-text: #1a2a42;
--header-bg: rgba(36, 58, 92, 0.94);
--gradient-1: rgba(168, 220, 255, 0.14);
--gradient-2: rgba(232, 185, 35, 0.1);
--slider-glow: rgba(232, 185, 35, 0.5);
}
[data-theme="nightwash"] {
--bg: #0a1020;
--bg-card: #111a30;
--bg-elevated: #172240;
--accent: #d4a017;
--accent-dim: #b8890f;
--accent-soft: #5ec4d4;
--text: #dce4f2;
--text-muted: #7a8fa8;
--border: #243050;
--brate: #5ec4d4;
--link: #5ec4d4;
--link-hover: #d4a017;
--surface: #111a30;
--btn-text: #0a1020;
--header-bg: rgba(10, 16, 32, 0.96);
--gradient-1: rgba(94, 196, 212, 0.09);
--gradient-2: rgba(212, 160, 23, 0.07);
--slider-glow: rgba(212, 160, 23, 0.4);
}
[data-theme="classic"] {
--bg: #0f0e0c;
--bg-card: #1a1814;
--bg-elevated: #242018;
--accent: #e8a838;
--accent-dim: #c48a20;
--accent-soft: #ff6b35;
--text: #f5f0e6;
--text-muted: #a89f8c;
--border: #3d3628;
--brate: #ff6b35;
--link: #e8a838;
--link-hover: #ff6b35;
--surface: #1a1814;
--btn-text: #0f0e0c;
--header-bg: rgba(15, 14, 12, 0.92);
--gradient-1: rgba(232, 168, 56, 0.08);
--gradient-2: rgba(255, 107, 53, 0.06);
--slider-glow: rgba(232, 168, 56, 0.45);
}