/* -------------------------------------------------------------
   VARIABLES.CSS — KashAndaz Landing Website
   Core design system and reusable design tokens.
   ------------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

:root {
    /* --- COLOR SYSTEM --- */
    --color-bg: #030712;
    --color-bg-darker: #010409;
    --color-primary: #2563EB;      /* Neon Blue */
    --color-primary-glow: rgba(37, 99, 235, 0.15);
    --color-secondary: #F97316;    /* Vibrant Orange */
    --color-secondary-glow: rgba(249, 115, 22, 0.15);
    
    --color-text-primary: #FFFFFF;
    --color-text-secondary: #94A3B8;
    --color-text-muted: #64748B;
    
    /* --- GRADIENTS --- */
    --grad-primary: linear-gradient(135deg, var(--color-primary) 0%, #3B82F6 100%);
    --grad-secondary: linear-gradient(135deg, var(--color-secondary) 0%, #FB923C 100%);
    --grad-accent: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
    --grad-dark: linear-gradient(180deg, rgba(15, 23, 42, 0.6) 0%, rgba(3, 7, 18, 0.95) 100%);
    
    /* --- GLASSMORPHISM --- */
    --glass-bg: rgba(255, 255, 255, 0.03);
    --glass-border: rgba(255, 255, 255, 0.07);
    --glass-bg-hover: rgba(255, 255, 255, 0.06);
    --glass-border-hover: rgba(255, 255, 255, 0.15);
    --glass-blur: blur(16px);
    
    /* --- SHADOWS --- */
    --shadow-sm: 0 2px 8px -1px rgba(0, 0, 0, 0.5);
    --shadow-md: 0 4px 20px -2px rgba(0, 0, 0, 0.7);
    --shadow-lg: 0 10px 40px -10px rgba(0, 0, 0, 0.8), 0 0 20px rgba(37, 99, 235, 0.05);
    --shadow-glow-blue: 0 0 25px rgba(37, 99, 235, 0.25);
    --shadow-glow-orange: 0 0 25px rgba(249, 115, 22, 0.25);
    
    /* --- TYPOGRAPHY --- */
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    
    /* --- BORDER RADIUS --- */
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-xl: 32px;
    --radius-full: 9999px;
    
    /* --- SPACING SYSTEM --- */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;
    --space-3xl: 64px;
    --space-4xl: 96px;
    --space-5xl: 128px;
    
    /* --- ANIMATION SPEED --- */
    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    
    /* --- LAYOUT Z-INDEX --- */
    --z-background: -10;
    --z-back-blobs: -5;
    --z-base: 1;
    --z-sticky: 100;
    --z-overlay: 200;
    --z-modal: 300;
}