:root {
    /* Brand (from company logo) */
    --color-primary: #ed1c24;
    --color-primary-dark: #c8151c;
    --color-primary-light: #f43f47;
    --color-accent: #3a3a3c;

    /* Neutrals */
    --color-bg: #f7f7f8;
    --color-surface: #ffffff;
    --color-border: #e6e6e8;
    --color-text: #232325;
    --color-text-muted: #6b6b6e;
    --color-text-faint: #a3a3a6;

    /* Status (fixed dataviz palette - not themed to brand; text shades
       darkened where the raw accent fails text contrast) */
    --status-good: #0ca30c;
    --status-warning: #fab219;
    --status-serious: #ec835a;
    --status-critical: #d03b3b;

    --color-green: #006300;
    --color-green-bg: #e3f4e3;
    --color-yellow: #8a5a00;
    --color-yellow-bg: #fdf1d6;
    --color-orange: #a8461f;
    --color-orange-bg: #fce4da;
    --color-red: #d03b3b;
    --color-red-bg: #fbe4e4;
    --color-gray: #6b7280;
    --color-gray-bg: #eceef1;

    /* Chart series (fixed categorical slots 1 & 2 - independent of brand) */
    --chart-series-1: #2a78d6;
    --chart-series-2: #eb6834;
    --chart-grid: #e1e0d9;
    --chart-axis: #c3c2b7;

    /* Spacing scale */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;

    /* Radius / shadow */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-pill: 999px;
    --shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.06);
    --shadow-md: 0 2px 8px rgba(16, 24, 40, 0.08);

    /* Sidebar (dark) */
    --sidebar-bg: #16181c;
    --sidebar-bg-alt: #1e2126;
    --sidebar-text: #aeb2ba;
    --sidebar-text-dim: #858992;
    --sidebar-text-active: #ffffff;

    /* Layout */
    --sidebar-width: 250px;
    --topbar-height: 68px;

    /* Type */
    --font-size-xs: 12px;
    --font-size-sm: 13px;
    --font-size-base: 14px;
    --font-size-md: 16px;
    --font-size-lg: 20px;
    --font-size-xl: 26px;
}