:root {
    /* Base Colors */
    --bg-dark: #0f1115;
    --bg-surface: #16191e;
    --bg-card: rgba(22, 25, 30, 0.7);
    --bg-sidebar: #0f1115;

    /* Brand Colors */
    --primary: #d4af37;
    --primary-light: #e6c152;
    --primary-rgb: 212, 175, 55;
    --accent: #ff4d4d;
    --accent-rgb: 255, 77, 77;

    /* Interface Colors */
    --success: #00ff7f;
    --warning: #f59e0b;
    --danger: #ff4d4d;
    --info: #60a5fa;

    /* Text Colors */
    --text-main: #f1f5f9;
    --text-muted: #94a3b8;
    --text-on-primary: var(--black)000;
    --text-color: var(--black)000;

    /* Border & Glass */
    --border: rgba(var(--white-rgb), 0.08);
    --glass-bg: rgba(var(--white-rgb), 0.03);
    --glass-border: rgba(var(--primary-rgb), 0.15);

    /* Effects */
    --calendar-filter: invert(1) brightness(1.2);
}
.slider:before{ background-color: var(--white) !important;}