:root {
    /* COLORS */
    --primary-blue: #3b82f6;
    --primary-light: #60a5fa;
    --bg-dark: #050b18;
    --bg-secondary: #071224;
    --bg-card: rgba(255, 255, 255, .05);
    --border: rgba(255, 255, 255, .08);
    --text-white: #ffffff;
    --text-muted: rgba(255, 255, 255, .72);
    --success: #22c55e;
    --warning: #f59e0b;
    --danger: #ef4444;
    /* SHADOWS */
    --shadow-sm: 0 10px 25px rgba(0, 0, 0, .15);
    --shadow-md: 0 20px 50px rgba(0, 0, 0, .25);
    --shadow-lg: 0 30px 80px rgba(0, 0, 0, .35);
    /* GLASS */
    --glass-bg: rgba(255, 255, 255, .05);
    --glass-border: rgba(255, 255, 255, .08);
    --glass-blur: 24px;
    /* BORDER RADIUS */
    --radius-sm: 16px;
    --radius-md: 24px;
    --radius-lg: 32px;
    --radius-xl: 40px;
    /* CONTAINER */
    --container: 1320px;
    /* TRANSITIONS */
    --transition: .35s cubic-bezier(.4, 0, .2, 1);
}