/* ========================================
   CSS VARIABLES - Desentix Design System
   ======================================== */

:root {
    /* Blackout Palette */
    --background: 14.1% 0.005 285.8;    /* oklch(0.141 0.005 285.823) */
    --surface: 18% 0.005 285.8;         
    --foreground: 98.5% 0 0;            
    --muted-foreground: 70% 0.01 286;   
    
    /* Brand Colors */
    --primary: 60% 0.2 277;             /* Indigo 600 */
    --primary-foreground: 100% 0 0;     
    
    --border: 27.4% 0.006 286;          
    
    /* Ozbiljnost */
    --radius-md: 0.25rem;               
    --radius-lg: 0.5rem;                
}

/* Precision Timeline Variables */
.precision-timeline {
    --timeline-axis: #1e293b;
    --node-neutral: #0a0a0a;
    --node-border: #475569;
    --node-active-bg: #ffffff;
    --node-active-border: #6366f1;
    --label-primary: #ffffff;
    --label-secondary: #64748b;
    --label-muted: #475569;
}