:root,
[data-theme="dark"] {
    --bg-main: #0a0a0a;
    --bg-card: #161515;
    --bg-muted: #121111;
    --bg-surface: #201f1f;
    --overlay-bg: rgba(0, 0, 0, 0.65);
    --glass-panel-bg: rgba(15, 23, 42, 0.7);
    --toast-bg: rgba(18, 17, 17, 0.96);
    --toast-border: rgba(255, 255, 255, 0.16);
    --row-hover-bg: rgba(255, 255, 255, 0.02);
    --stat-chip-bg: rgba(255, 255, 255, 0.03);
    --stat-chip-border: rgba(255, 255, 255, 0.05);
    --scrollbar-track: rgba(255, 255, 255, 0.02);
    --scrollbar-thumb: rgba(255, 255, 255, 0.1);
    --scrollbar-thumb-hover: rgba(255, 255, 255, 0.2);

    --text-main: #e5e7eb;
    --text-muted: #94a3b8;
    --text-on-primary: #ffffff;

    --color-primary: #d2bbff;
    --color-secondary: #ffc640;
    --color-success: #34d399;
    --color-warning: #facc15;
    --color-danger: #ef4444;
    --color-info: #38bdf8;
    --color-vip-banner: #f05a30;

    --border-color: rgba(255, 255, 255, 0.1);
    --border-soft: rgba(255, 255, 255, 0.05);
    --border-strong: #4a4455;

    --shadow-card: 0 16px 40px -12px rgba(0, 0, 0, 0.75);
    --shadow-card-soft: 0 4px 15px -3px rgba(210, 187, 255, 0.08);
    --shadow-card-hover: 0 0 25px 0 rgba(210, 187, 255, 0.25);
    --shadow-danger: 0 16px 40px -12px rgba(127, 29, 29, 0.75);
    --shadow-success: 0 16px 40px -12px rgba(6, 78, 59, 0.75);
    --shadow-modal: 0 24px 60px -14px rgba(0, 0, 0, 0.85);

    --color-primary-rgb: 210 187 255;
    --color-secondary-rgb: 255 198 64;
    --bg-surface-rgb: 32 31 31;
    --border-strong-rgb: 74 68 85;
    --bg-glow-primary-rgb: 124 58 237;
    --bg-glow-secondary-rgb: 124 58 237;
    --premium-row-bg-start-rgb: 204 195 216;
    --premium-row-bg-end-rgb: 32 31 31;
    --premium-row-border-rgb: 204 195 216;
    --toast-error-border-rgb: 239 68 68;
    --toast-success-border-rgb: 52 211 153;
    --chart-accent-rgb: 250 204 21;
}