:root {
    --color-bg-primary: #eef5fb;
    --color-bg-secondary: #f7fbff;
    --color-bg-card: #ffffff;
    --color-bg-card-soft: rgba(255, 255, 255, 0.78);
    --color-bg-card-strong: rgba(255, 255, 255, 0.92);
    --color-bg-overlay: rgba(15, 23, 42, 0.08);

    --color-text-primary: #16314f;
    --color-text-body: #45607d;
    --color-text-muted: #667a93;
    --color-text-subtle: #7f91a8;
    --color-text-inverse: #ffffff;

    --color-accent: #1696ad;
    --color-accent-hover: #117b8e;
    --color-accent-light: #dff6fb;
    --color-accent-strong: #1f6fb2;
    --color-accent-strong-hover: #175890;

    --color-emergency: #de7b85;
    --color-emergency-hover: #c96670;
    --color-success: #1fa971;
    --color-error: #d1495b;
    --color-warning: #d97345;

    --color-border: rgba(22, 49, 79, 0.10);
    --color-border-strong: rgba(22, 49, 79, 0.18);
    --color-white-pure: #ffffff;

    --color-thead-bg: #2f7fbe;
    --color-thead-border: #236498;
    --color-table-header: linear-gradient(90deg, #3b9fd9 0%, rgba(59, 159, 217, 0) 100%);

    --radius-sm: 0.75rem;
    --radius-md: 1rem;
    --radius-lg: 1.5rem;
    --radius-xl: 2rem;
    --radius-2xl: 2.5rem;
    --radius-full: 9999px;

    --shadow-card: 0 18px 50px rgba(86, 119, 154, 0.12);
    --shadow-card-lg: 0 26px 80px rgba(86, 119, 154, 0.18);
    --shadow-dropdown: 0 18px 40px rgba(37, 65, 92, 0.16);
    --shadow-button: 0 12px 25px rgba(31, 111, 178, 0.18);

    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;

    --container-max: 1340px;
    --container-wide: 1440px;

    --z-dropdown: 10;
    --z-mobile-menu: 12;
    --z-overlay: 9000;
    --z-popup: 9100;
    --z-fixed-banner: 1000;

    /* Legacy aliases */
    --bg-100: var(--color-bg-primary);
    --bg-200: var(--color-bg-secondary);
    --color-primary: var(--color-text-primary);
    --text-main: var(--color-text-body);
    --color-grey: var(--color-text-muted);
    --important-text: var(--color-emergency);
    --dept-bg: var(--color-bg-card);
    --dept-bg-hover: #f1f7fc;
    --table-header: var(--color-table-header);
    --table-header-border: var(--color-thead-border);
    --thead-color: var(--color-thead-bg);
    --buttons-hover: var(--color-accent-hover);
    --color-grey-light: #f4f8fb;
    --color-grey-light-hover: #e8f0f7;
    --color-white: var(--color-bg-secondary);
    --mright-calc: 0px;
    --mleft-calc: 2.5rem;
    --color-primary-rgb: 22, 49, 79;
    --color-primary-dark: #102844;
    --registration-hover: #1b5f98;
    --accent-200: #a45f25;
}