:root {
    --bg-primary: hsl(210, 40%, 98%);
    --bg-secondary: hsl(0, 0%, 100%);
    --bg-card: rgba(255, 255, 255, 0.7);
    --border-color: rgba(226, 232, 240, 0.8);
    --border-hover: rgba(37, 99, 235, 0.3);
    
    --text-primary: hsl(222, 47%, 11%);
    --text-secondary: hsl(215, 15%, 40%);
    --text-muted: hsl(215, 16%, 60%);
    
    --accent: hsl(221, 83%, 53%);
    --accent-rgb: 37, 99, 235;
    --accent-gradient: linear-gradient(135deg, hsl(221, 83%, 53%), hsl(263, 60%, 50%));
    --card-shadow: 0 8px 32px 0 rgba(148, 163, 184, 0.15);
    --glow-color: rgba(37, 99, 235, 0.05);
    --glass-blur: blur(16px);
}