:root {
    --bg-primary: #0f1117 !important;
    --bg-secondary: #16181f !important;
    --bg-gradient-start: #090b10 !important;
    --bg-gradient-mid: #0f1117 !important;
    --bg-gradient-end: #16181f !important;
    --text-primary: #f9fafb !important;
    --text-secondary: #9ca3af !important;
    --accent-blue: #4f46e5 !important;
    --accent-red: #ef4444 !important;
    --accent-yellow: #f59e0b !important;
    --accent-cyan: #7c3aed !important;
    --glass-bg: rgba(15, 17, 23, 0.8) !important;
    --glass-border: rgba(255, 255, 255, 0.07) !important;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
    --shadow-md: 0 8px 32px 0 rgba(0, 0, 0, 0.37) !important;
    --shadow-hover: 0 12px 48px 0 rgba(79, 70, 229, 0.3) !important;
    --btn-hover-ripple: rgba(255, 255, 255, 0.1) !important;
    --btn-primary-hover-bg: transparent !important;
    --btn-primary-hover-text: #4f46e5 !important;
    --btn-primary-hover-shadow: 0 10px 30px rgba(79, 70, 229, 0.4) !important;
    --btn-outline-hover-bg: #f9fafb !important;
    --btn-outline-hover-text: #0f1117 !important;
    --code-bg: #090b10 !important;
    --code-text: #4ec9b0 !important;
    --modal-bg: #16181f !important;
    --form-bg: #1a1d25 !important;
    --form-focus-shadow: 0 0 0 0.25rem rgba(79, 70, 229, 0.25) !important;
    --btn-close-filter: invert(1) !important;
    --scroll-top-shadow: 0 5px 20px rgba(79, 70, 229, 0.4) !important;
    --scroll-top-hover-shadow: 0 10px 30px rgba(79, 70, 229, 0.6) !important;
    --features-badge-hover-text: #0f1117 !important;
    --switch-bg: rgba(255, 255, 255, 0.3) !important;
    --icon-inactive: rgba(255, 255, 255, 0.4) !important;
}