/* MavSign Design System - Premium & Badass */

:root {
    /* Brand Colors - Deep Space & Neon */
    --mav-primary: #3b82f6; /* Electric Blue */
    --mav-primary-glow: rgba(59, 130, 246, 0.5);
    --mav-secondary: #10b981; /* Success Green */
    --mav-danger: #ef4444; /* Alert Red */
    --mav-dark-bg: #0f172a; /* Slate 900 */
    --mav-dark-surface: #1e293b; /* Slate 800 */
    
    /* Glassmorphism Variables */
    --glass-bg: rgba(255, 255, 255, 0.7);
    --glass-border: rgba(255, 255, 255, 0.5);
    --glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    --glass-blur: blur(12px);

    /* Dark Mode Glass */
    --glass-bg-dark: rgba(15, 23, 42, 0.6);
    --glass-border-dark: rgba(255, 255, 255, 0.1);

    /* Typography */
    --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
    
    /* Spacing & Radius */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;
    
    /* Transitions */
    --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
    --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
}

/* Global Reset Enhancements */
* {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}

body {
    font-family: var(--font-sans);
    color: var(--mav-dark-bg);
}

/* Utility Classes for "Badass" Effects */
.mav-glow {
    box-shadow: 0 0 15px var(--mav-primary-glow);
}

.mav-gradient-text {
    background: linear-gradient(135deg, var(--mav-primary), #8b5cf6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}