: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-accent-wash: rgba(230, 242, 255, 0.74);
    --color-accent-wash-strong: rgba(230, 242, 255, 0.78);
    --color-accent-wash-solid: rgba(230, 242, 255, 0.92);

    --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-soft: rgba(22, 49, 79, 0.08);
    --color-border-faint: rgba(22, 49, 79, 0.06);
    --color-border-strong: rgba(22, 49, 79, 0.18);
    --color-white-pure: #ffffff;
    --color-surface-muted: #eef4fa;
    --color-surface-page: #f4f8fc;
    --color-surface-pill: rgba(255, 255, 255, 0.70);
    --color-surface-pill-strong: rgba(255, 255, 255, 0.72);
    --color-surface-panel-soft: rgba(255, 255, 255, 0.55);
    --color-surface-icon-soft: rgba(237, 248, 251, 0.90);
    --color-surface-table-head: rgb(236 247 253 / 58%);
    --color-surface-table-row: rgb(255 255 255 / 58%);
    --color-surface-table-mobile: rgb(255 255 255 / 66%);
    --color-surface-table-icon: linear-gradient(145deg, rgb(255 255 255 / 70%), rgb(222 245 251 / 50%));

    --color-thead-bg: #2f7fbe;
    --color-thead-border: #236498;
    --color-table-header: linear-gradient(90deg, #3b9fd9 0%, rgba(59, 159, 217, 0) 100%);
    --color-table-icon: #07768f;
    --color-table-head-text: #536b86;
    --color-table-text-strong: #17324a;
    --color-table-text-heading: #38546f;
    --color-table-text-muted: #45627d;
    --color-table-link: #07768f;

    --color-border-panel: rgba(206, 223, 235, 0.95);
    --color-border-icon-soft: rgba(200, 224, 236, 0.95);
    --color-border-table-head: rgb(40 78 108 / 13%);
    --color-border-table-row: rgb(40 78 108 / 13%);
    --color-border-table-divider: rgb(53 91 121 / 13%);
    --color-border-table-mobile-divider: rgb(53 91 121 / 13%);

    --gradient-internal-page-body:
        radial-gradient(circle at 12% 20%, rgba(168, 218, 240, 0.60), transparent 42%),
        radial-gradient(circle at 88% 75%, rgba(140, 200, 235, 0.38), transparent 42%),
        linear-gradient(145deg, #cce6f5 0%, #d6ecf8 55%, #c6e0f2 100%);
    --gradient-internal-page-body-green:
        radial-gradient(circle at 10% 18%, rgba(178, 220, 236, 0.55), transparent 40%),
        radial-gradient(circle at 90% 72%, rgba(189, 221, 202, 0.38), transparent 38%),
        linear-gradient(145deg, #cfe8f4 0%, #e2eff2 52%, #d7eadf 100%);
    --gradient-internal-page-main:
        radial-gradient(circle at 12% 8%, rgba(202, 230, 245, 0.44), transparent 22%),
        radial-gradient(circle at 88% 72%, rgba(195, 224, 241, 0.28), transparent 20%),
        var(--color-bg-primary);
    --gradient-internal-page-main-green:
        radial-gradient(circle at 14% 8%, rgba(202, 230, 245, 0.40), transparent 24%),
        radial-gradient(circle at 88% 72%, rgba(213, 234, 218, 0.34), transparent 22%),
        var(--color-bg-primary);
    --gradient-internal-page-hero:
        radial-gradient(ellipse at 12% 26%, rgba(174, 223, 244, 0.22), transparent 48%),
        radial-gradient(ellipse at 92% 16%, rgba(152, 210, 240, 0.14), transparent 42%);
    --gradient-internal-page-hero-green:
        radial-gradient(ellipse at 12% 24%, rgba(174, 223, 244, 0.22), transparent 48%),
        radial-gradient(ellipse at 90% 18%, rgba(176, 222, 196, 0.18), transparent 42%);

    --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);
    --shadow-internal-page-shell:
        0 0 0 1px var(--color-border-faint),
        0 8px 40px rgba(22, 49, 79, 0.10);
    --shadow-control-soft: 0 8px 22px rgba(22, 49, 79, 0.08);
    --shadow-control-soft-hover: 0 12px 28px rgba(22, 49, 79, 0.12);
    --shadow-icon-soft:
        inset 0 0 0 1px rgba(201, 223, 239, 0.96),
        0 10px 18px rgba(81, 138, 170, 0.08);
    --shadow-table-row: 0 14px 32px -26px rgb(26 71 104 / 32%);
    --shadow-table-mobile-row: 0 14px 32px -26px rgb(26 71 104 / 32%);

    --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;
}