:root {
    --color-primary: #1a7fc1;
    --color-primary-hover: #1670ac;
    --color-primary-contrast: #ffffff;
    --color-primary-soft: #e7f1fa;

    --color-bg: #f0f2f5;
    --color-surface: #ffffff;
    --color-surface-muted: #f8f9fa;
    --color-border: #dddddd;
    --color-border-soft: #f0f2f5;

    --color-text-strong: #000000;
    --color-text-primary: #333333;
    --color-text-secondary: #666666;
    --color-text-muted: #888888;
    --color-text-inverse: #ffffff;

    --color-success: #27ae60;
    --color-danger: #c0392b;
    --color-warning: #e67e22;
    --color-info: #1a7fc1;

    --color-sidebar-bg: #4a4d53;
    --color-sidebar-border: #5a5e66;
    --color-sidebar-hover: #5c606a;
    --color-sidebar-text: #d0d0d0;
    --color-sidebar-text-active: #ffffff;
    --color-sidebar-accent: #27ae60;

    --badge-orange-bg: #fff3e0;
    --badge-orange-fg: #e65100;
    --badge-green-bg: #e8f5e9;
    --badge-green-fg: #2e7d32;
    --badge-blue-bg: #e3f2fd;
    --badge-blue-fg: #1565c0;
    --badge-red-bg: #ffebee;
    --badge-red-fg: #c62828;

    --row-hl-violet: #f8f3fd;
    --row-hl-amber: var(--badge-orange-bg);
    --row-hl-red: var(--badge-red-bg);
    --row-hl-green: var(--badge-green-bg);
    --row-hl-grey: var(--color-surface-muted);
    --row-hl-blue: var(--badge-blue-bg);

    --status-call: #2fa759;
    --status-post: #c9a80a;
    --status-wait: #cad25a;
    --status-downtime: #870595;
    --status-consult: #1f4fd5;
    --status-education: #40a3d4;
    --status-gone: #c53421;
    --status-unknown: #d4d4d4;

    --status-call-bg: #e8f5e9;
    --status-call-fg: #1e7a3d;
    --status-post-bg: #efe8ce;
    --status-post-fg: #8a7100;
    --status-wait-bg: #eef0d7;
    --status-wait-fg: #6d7420;
    --status-downtime-bg: #e7e1f1;
    --status-downtime-fg: #6b047a;

    --table-head-bg: #eaf3e0;
    --table-head-group-bg: #daefc4;
    --table-head-fg: #3a6b1a;
    --table-foot-bg: #f8f9fa;

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;

    --radius-sm: 3px;
    --radius: 4px;
    --radius-lg: 6px;
    --radius-pill: 10px;

    --font-sans: Arial, sans-serif;
    --fs-xs: 10px;
    --fs-sm: 11px;
    --fs-base: 12px;
    --fs-md: 13px;
    --fs-lg: 18px;
    --fs-xl: 22px;
    --fw-medium: 500;

    --control-h: 28px;

    --modal-width-sm: 600px;
    --modal-width-md: 768px;
    --modal-width-lg: 970px;
}