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

:root {
    /* Main Color Palette (Dynamic digital blue & deep slate) */
    --primary: #0066FF;
    --secondary: #0A84FF;
    --white: #FFFFFF;
    --background: #F8FAFC;
    --dark: #0F172A;
    --accent: #22C55E;
    
    /* Transparency variables for Glassmorphism */
    --glass-bg: rgba(255, 255, 255, 0.88);
    --glass-border: rgba(15, 23, 42, 0.08);
    --glass-shadow: rgba(15, 23, 42, 0.03);
    
    /* Fonts */
    --font-heading: 'Plus Jakarta Sans', sans-serif;
    --font-body: 'Plus Jakarta Sans', sans-serif;
    
    /* Shadows (Refined to soft dark gray/slate instead of colored blur) */
    --shadow-soft: 0 12px 24px -10px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.01);
    --shadow-premium: 0 24px 48px -12px rgba(15, 23, 42, 0.1), 0 1px 4px rgba(15, 23, 42, 0.02);
    --shadow-button: 0 8px 16px -4px rgba(0, 102, 255, 0.25);
    
    /* Border Radius (Sleek boxy square style) */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-circle: 8px;
    
    /* Transitions */
    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-smooth: 0.45s cubic-bezier(0.25, 1, 0.5, 1);
    --transition-slow: 0.75s cubic-bezier(0.25, 1, 0.5, 1);
}