/* ========================================
   CSS VARIABLES
   ======================================== */
:root {
    /* Dark theme colors - более темный графитовый */
    --background: 240 8% 12%;
    --foreground: 240 5% 96%;
    --card: 240 8% 14%;
    --card-foreground: 0 0% 98%;
    --popover: 240 8% 11%;
    --popover-foreground: 0 0% 98%;
    --primary: 25 85% 55%;
    --primary-foreground: 0 0% 100%;
    --secondary: 240 5% 18%;
    --secondary-foreground: 0 0% 98%;
    --muted: 240 5% 18%;
    --muted-foreground: 240 4% 75%;
    --accent: 240 5% 18%;
    --accent-foreground: 0 0% 98%;
    --destructive: 0 72% 50%;
    --destructive-foreground: 0 0% 98%;
    --border: 240 4% 22%;
    --input: 240 4% 22%;
    --input-background: 240 5% 18%;
    --ring: 25 85% 55%;
    --selection: 25 85% 55% / 0.3;
    --plan-mode: 33 90% 70%;
    --plan-mode-foreground: 0 0% 8%;
    --tl-background: 240 5% 18%;
    --radius: 0.5rem;
    
    --success: 142 75% 50%;
    --warning: 38 95% 55%;
    --error: 0 85% 65%;
    
    /* Accent theme colors */
    --accent-red: 25 85% 55%;
    --accent-blue: 195 75% 65%;
    --accent-green: 142 65% 50%;
    --accent-gray: 0 0% 100%;
    
    /* Gradient colors */
    --gradient-primary: linear-gradient(135deg, hsl(25 85% 55%) 0%, hsl(25 85% 45%) 100%);
    --gradient-card: linear-gradient(135deg, hsl(240 8% 14%) 0%, hsl(240 8% 12%) 100%);
    --gradient-header: linear-gradient(180deg, hsl(240 8% 12%) 0%, hsl(240 8% 10%) 100%);
    --gradient-button: linear-gradient(135deg, hsl(25 85% 55%) 0%, hsl(25 85% 50%) 100%);
    --gradient-accent: linear-gradient(135deg, hsl(240 5% 18%) 0%, hsl(240 5% 15%) 100%);
    
    /* Animation timings */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.25s ease;
    --transition-slow: 0.35s ease;
    --transition-smooth: cubic-bezier(0.4, 0, 0.2, 1);
}