:root {
    --gx-primary: #0066FF;
    --gx-primary-dk: #0047B3;
    --gx-primary-lt: #3385FF;
    --gx-accent: #00C896;
    --gx-accent-lt: #34D399;
    --gx-accent-dk: #009E75;
    --gx-dark: #0A0F1C;
    --gx-dark-2: #111827;
    --gx-dark-3: #1E293B;
    --gx-dark-4: #162032;
    --gx-surface: #111827;
    --gx-surface-2: #1a2332;
    --gx-border: rgba(255, 255, 255, 0.08);
    --gx-light: #F8FAFC;
    --gx-light-2: #E2E8F0;
    --gx-muted: #94A3B8;
    --gx-text: #CBD5E1;
    --gx-white: #FFFFFF;
    --gx-heading: #FFFFFF;
    --gx-gradient: linear-gradient(135deg, #0066FF 0%, #00C896 100%);
    --gx-gradient-soft: linear-gradient(135deg, rgba(0, 102, 255, 0.15) 0%, rgba(0, 200, 150, 0.15) 100%);
    --gx-btn-gradient: linear-gradient(135deg, #0066FF 0%, #0088CC 45%, #00C896 100%);
    --gx-btn-shadow: 0 4px 20px rgba(0, 102, 255, 0.28), 0 2px 8px rgba(0, 200, 150, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.18);
    --gx-btn-shadow-hover: 0 14px 40px rgba(0, 102, 255, 0.38), 0 6px 20px rgba(0, 200, 150, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.28);
    --gx-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
    --gx-shadow-sm: 0 8px 30px rgba(0, 102, 255, 0.12);
    --gx-grid-line: rgba(255, 255, 255, 0.025);
    --gx-navbar-link: rgba(255, 255, 255, 0.85);
    --gx-navbar-link-active: #FFFFFF;
    --gx-navbar-scrolled-bg: rgba(10, 15, 28, 0.92);
    --gx-navbar-scrolled-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
    --gx-overlay-surface: rgba(17, 24, 39, 0.98);
    --gx-logo-filter: none;
    --gx-glass-1: rgba(255, 255, 255, 0.06);
    --gx-glass-2: rgba(255, 255, 255, 0.04);
    --gx-glass-3: rgba(255, 255, 255, 0.03);
    --gx-toggler-border: rgba(255, 255, 255, 0.35);
    --gx-divider: rgba(255, 255, 255, 0.08);
    --gx-divider-soft: rgba(255, 255, 255, 0.05);
    --gx-card-dark-border: rgba(255, 255, 255, 0.06);
    --gx-mega-chevron: rgba(255, 255, 255, 0.85);
    --gx-accordion-chevron-filter: invert(1);
    --gx-marquee-text: rgba(255, 255, 255, 0.6);
    --gx-btn-outline-border: rgba(255, 255, 255, 0.3);
    --gx-btn-outline-color: #FFFFFF;
    --gx-btn-outline-hover-bg: rgba(0, 200, 150, 0.1);
    --gx-btn-outline-hover-color: #FFFFFF;
    --gx-radius: 16px;
    --gx-radius-sm: 10px;
    --gx-radius-lg: 24px;
    --gx-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    --gx-navbar-height: 80px;
    --font-primary: 'Inter', system-ui, -apple-system, sans-serif;
    --font-display: 'Space Grotesk', 'Inter', sans-serif;
    color-scheme: dark;
}

[data-theme="light"] {
    color-scheme: light;
    --gx-dark: #F8FAFC;
    --gx-dark-2: #F1F5F9;
    --gx-dark-3: #E2E8F0;
    --gx-dark-4: #CBD5E1;
    --gx-surface: #FFFFFF;
    --gx-surface-2: #F8FAFC;
    --gx-border: rgba(15, 23, 42, 0.1);
    --gx-muted: #64748B;
    --gx-text: #475569;
    --gx-heading: #0F172A;
    --gx-gradient-soft: linear-gradient(135deg, rgba(0, 102, 255, 0.08) 0%, rgba(0, 200, 150, 0.08) 100%);
    --gx-shadow: 0 20px 60px rgba(15, 23, 42, 0.08);
    --gx-shadow-sm: 0 8px 30px rgba(15, 23, 42, 0.06);
    --gx-grid-line: rgba(15, 23, 42, 0.06);
    --gx-navbar-link: rgba(15, 23, 42, 0.78);
    --gx-navbar-link-active: #0F172A;
    --gx-navbar-scrolled-bg: rgba(255, 255, 255, 0.92);
    --gx-navbar-scrolled-shadow: 0 4px 30px rgba(15, 23, 42, 0.08);
    --gx-overlay-surface: rgba(255, 255, 255, 0.98);
    --gx-logo-filter: brightness(0) saturate(100%);
    --gx-glass-1: rgba(15, 23, 42, 0.05);
    --gx-glass-2: rgba(15, 23, 42, 0.04);
    --gx-glass-3: rgba(15, 23, 42, 0.03);
    --gx-toggler-border: rgba(15, 23, 42, 0.15);
    --gx-divider: rgba(15, 23, 42, 0.08);
    --gx-divider-soft: rgba(15, 23, 42, 0.05);
    --gx-card-dark-border: rgba(15, 23, 42, 0.08);
    --gx-mega-chevron: rgba(15, 23, 42, 0.65);
    --gx-accordion-chevron-filter: none;
    --gx-marquee-text: rgba(15, 23, 42, 0.55);
    --gx-btn-outline-border: rgba(15, 23, 42, 0.22);
    --gx-btn-outline-color: #0F172A;
    --gx-btn-outline-hover-bg: rgba(0, 200, 150, 0.08);
    --gx-btn-outline-hover-color: #009E75;
}