/*
 * Custom Theme - User-configurable colors
 * CSS variables are dynamically set via JavaScript
 */
:root[data-theme="custom"] {
    --bg-color: #0f172a;
    --card-bg: #1e293b;
    --panel-bg: #334155;
    --border-color: #334155;
    --text-primary: #f8fafc;
    --text-secondary: #cbd5e1;
    --text-light: #94a3b8;
    --accent-blue: #60a5fa;
    --accent-green: #34d399;
    --accent-red: #f87171;
    --accent-yellow: #fbbf24;
    --accent-purple: #a78bfa;
    --input-bg: #1e293b;
    --bg-secondary: #334155;
    --highball-orange: #fb7c3c;
    --highball-dark: #ea580c;
}

/* Gradient background - dynamically overridden by JS */
[data-theme="custom"] body {
    background: var(--custom-bg, #0f172a) !important;
    background-attachment: fixed !important;
}