/* Modern Fonts: Plus Jakarta Sans & Space Grotesk & Inter */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');

:root {
    /* Brand Palette */
    --color-primary: #00A9E8;
    --color-primary-dark: #0088ba;
    --color-primary-light: #43c6fc;
    --color-primary-glow: rgba(0, 169, 232, 0.25);
    
    --color-secondary: #70C83D;
    --color-secondary-dark: #58a32e;
    --color-secondary-light: #94e368;
    --color-secondary-glow: rgba(112, 200, 61, 0.25);

    --color-accent-purple: #8B5CF6;
    --color-accent-blue: #3B82F6;
    --color-accent-amber: #F59E0B;
    
    /* Dark Surface Neutrals */
    --color-dark-950: #060911;
    --color-dark-900: #0B0F19;
    --color-dark-800: #111827;
    --color-dark-700: #1F2937;
    --color-dark-600: #374151;
    --color-dark: #0B0F19;
    --color-dark-soft: #111827;
    
    /* Light Surface Neutrals */
    --color-white: #FFFFFF;
    --color-off-white: #F8FAFC;
    --color-light-50: #F8FAFC;
    --color-light-100: #F1F5F9;
    --color-light-200: #E2E8F0;
    --color-light-300: #CBD5E1;
    
    /* Text Hierarchy */
    --color-text-main: #0F172A;
    --color-text-body: #475569;
    --color-text-muted: #64748B;
    --color-text-light: #94A3B8;
    --color-text-white: #F8FAFC;
    --color-text: #475569;
    --color-muted: #64748B;

    /* Gradients */
    --gradient-brand: linear-gradient(135deg, #00A9E8 0%, #70C83D 100%);
    --gradient-brand-subtle: linear-gradient(135deg, rgba(0,169,232,0.12) 0%, rgba(112,200,61,0.12) 100%);
    --gradient-dark: linear-gradient(180deg, #0B0F19 0%, #060911 100%);
    --gradient-hero: linear-gradient(135deg, #0B0F19 0%, #0a1713 50%, #09121a 100%);
    --gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.6) 100%);
    --gradient-card-dark: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%);

    /* Typography */
    --font-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-display: 'Space Grotesk', sans-serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

    /* Spacing System */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-8: 3rem;
    --space-10: 4rem;
    --space-12: 5.5rem;
    --space-16: 8rem;

    /* Border Radius */
    --radius-xs: 6px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --radius-xl: 24px;
    --radius-2xl: 32px;
    --radius-full: 9999px;

    /* Shadows & Glows */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.02);
    --shadow-md: 0 4px 12px -2px rgba(0, 0, 0, 0.06), 0 2px 6px -1px rgba(0, 0, 0, 0.03);
    --shadow-lg: 0 12px 28px -6px rgba(0, 0, 0, 0.08), 0 4px 12px -2px rgba(0, 0, 0, 0.03);
    --shadow-xl: 0 20px 40px -12px rgba(15, 23, 42, 0.12);
    --shadow-glow-cyan: 0 0 35px rgba(0, 169, 232, 0.35);
    --shadow-glow-green: 0 0 35px rgba(112, 200, 61, 0.35);
    --shadow-card-hover: 0 22px 45px -10px rgba(0, 169, 232, 0.12), 0 10px 20px -5px rgba(0, 0, 0, 0.04);
}