:root {
    --clr-primary: #e3000f;       
    --clr-primary-hover: #b3000c;

    --clr-accent: #f59e0b;        
    --clr-accent-hover: #d97706;
    

    --clr-bg-main: #f8f9fa;
    --clr-bg-surface: #ffffff;
    --clr-bg-glass: rgba(255, 255, 255, 0.85);
    

    --clr-text-base: #374151;
    --clr-text-muted: #6b7280;
    --clr-text-heading: #111827;
    --clr-text-inverse: #ffffff;

    --clr-border-light: #e5e7eb;
    --clr-border-focus: #fca5a5;
    
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --shadow-glass: 0 4px 30px rgba(0, 0, 0, 0.05);


    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-smooth: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    

    --z-header: 1000;
    --z-overlay: 2000;
    --z-modal: 3000;
}