:root {
    /* Color Palette - Light Theme */
    --color-bg-light: #f8fafc;
    --color-bg-gradient-light: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    --color-surface-light: rgba(255, 255, 255, 0.7);
    --color-text-primary-light: #0f172a;
    --color-text-secondary-light: #64748b;
    --color-border-light: rgba(148, 163, 184, 0.2);
    
    /* Color Palette - Dark Theme */
    --color-bg-dark: #09090b;
    --color-bg-gradient-dark: linear-gradient(135deg, #09090b 0%, #18181b 100%);
    --color-surface-dark: rgba(24, 24, 27, 0.6);
    --color-text-primary-dark: #fafafa;
    --color-text-secondary-dark: #a1a1aa;
    --color-border-dark: rgba(255, 255, 255, 0.08);

    /* Brand Colors */
    --color-primary: #3b82f6;
    --color-primary-rgb: 59, 130, 246;
    --color-primary-gradient: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    
    /* Glassmorphism Configuration */
    --glass-blur: 16px;
    --glass-border-light: 1px solid rgba(255, 255, 255, 0.5);
    --glass-border-dark: 1px solid rgba(255, 255, 255, 0.08);
    --glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1);

    /* Theme Variables Defaults (Light) */
    --bg-body: var(--color-bg-light);
    --bg-gradient: var(--color-bg-gradient-light);
    --bg-surface: var(--color-surface-light);
    --text-primary: var(--color-text-primary-light);
    --text-secondary: var(--color-text-secondary-light);
    --border-color: var(--color-border-light);
    --glass-border: var(--glass-border-light);
    --invert-icon: 0;
}

[data-theme="dark"] {
    --bg-body: var(--color-bg-dark);
    --bg-gradient: var(--color-bg-gradient-dark);
    --bg-surface: var(--color-surface-dark);
    --text-primary: var(--color-text-primary-dark);
    --text-secondary: var(--color-text-secondary-dark);
    --border-color: var(--color-border-dark);
    --glass-border: var(--glass-border-dark);
    --invert-icon: 1;
}

/* Global Reset & Base */
body {
    font-family: 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background: var(--bg-gradient);
    background-attachment: fixed;
    color: var(--text-primary);
    min-height: 100vh;
}

/* Bootstrap Overrides (Global) */
body, .text-body {
    color: var(--text-primary) !important;
}

a {
    text-decoration: none;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: var(--text-secondary);
    border-radius: 4px;
    opacity: 0.3;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--color-primary);
}

/* Utilities */
.glass-panel {
    background: var(--bg-surface);
    backdrop-filter: blur(var(--glass-blur));
    -webkit-backdrop-filter: blur(var(--glass-blur));
    border: var(--glass-border);
    box-shadow: var(--glass-shadow);
}