html, :root {
    --bg-primary: hsl(160, 45%, 6%);
    --bg-secondary: hsl(160, 35%, 10%);
    --bg-card: rgba(10, 35, 25, 0.55);
    --border-color: rgba(52, 211, 153, 0.28);
    --border-hover: rgba(245, 158, 11, 0.85);
    
    --text-primary: hsl(150, 40%, 98%);
    --text-secondary: hsl(150, 20%, 78%);
    --text-muted: hsl(150, 15%, 58%);
    
    --accent: hsl(45, 90%, 52%);
    --accent-rgb: 245, 158, 11;
    --accent-gradient: linear-gradient(135deg, hsl(150, 85%, 38%), hsl(45, 90%, 52%));
    --card-shadow: 0 8px 32px 0 rgba(16, 185, 129, 0.15);
    --glow-color: rgba(245, 158, 11, 0.15);
    --glass-blur: blur(14px);
}