/* Дизайн-токены дашборда «Дебрянск Авто» */
    :root {
        /* Semantic colors */
        --color-sales: #2e7d32;
        --color-sales-soft: #a5d6a7;
        --color-traffic: #1565c0;
        --color-traffic-soft: #90caf9;
        --color-revenue: #ef6c00;
        --color-revenue-soft: #ffcc80;
        --color-contracts: #7b1fa2;
        --color-contracts-soft: #ce93d8;
        --color-trading: #00695c;
        --color-trading-soft: #80cbc4;

        --color-background: #f2f4f7;
        --color-surface: #ffffff;
        --color-surface-muted: #f8f9fa;
        --color-surface-locked: #e9ecef;
        --color-text: #333333;
        --color-text-strong: #2c3e50;
        --color-text-muted: #667085;
        --color-border: #e0e0e0;
        --color-border-subtle: #e9ecef;
        --color-focus: #2196f3;
        --color-danger: #d32f2f;
        --color-warning: #ff9800;
        --color-success: #388e3c;

        /* Shape and elevation */
        --radius-control: 10px;
        --radius-card: 16px;
        --radius-panel: 20px;
        --shadow-card: 0 6px 18px rgba(0, 0, 0, 0.08);
        --shadow-form: 0 4px 14px rgba(0, 0, 0, 0.08);
        --focus-ring: 0 0 0 3px rgba(33, 150, 243, 0.1);
    }
    
 :root {
     --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     --font-numeric: "SFMono-Regular", Consolas, monospace;
     --transition-fast: 180ms cubic-bezier(0.32, 0.72, 0, 1);
     --color-surface-hover: #f6f8fb;
     --color-error-surface: #fff5f5;
     --color-error-border: #e7a3a3;
     --header-surface: #111317;
     --header-text: #f8fafc;
     --header-border: rgba(255,255,255,.1);
     --header-focus: #8cc8ff;
     --header-icon-muted: #b8c4d3;
     --header-role-text: #9b2635;
     --header-role-surface: #ffe8eb;
     --header-role-admin-text: #c62828;
     --header-role-admin-surface: #ffebee;
     --header-role-viewer-text: #2e7d32;
     --header-role-viewer-surface: #e8f5e9;
     --header-push-text: #d8ecff;
     --header-push-surface: rgba(83,157,217,.18);
     --header-push-border: rgba(132,191,238,.38);
     --header-action-text: #f8fafc;
     --header-action-border: rgba(255,255,255,.3);
     --header-action-border-hover: rgba(255,255,255,.6);
     --header-action-hover: rgba(255,255,255,.1);
 }