:root {
    /* UAC institutional palette */
    --color-uac-navy: #002060;
    --color-uac-navy-light: #0a2d7a;
    --color-uac-gold: #ffcc00;
    --color-uac-gold-dark: #e6b800;

    --color-page-bg: #f3f6fb;
    --color-surface: #ffffff;
    --color-surface-muted: #f7f9fc;
    --color-border: #d8e1ef;
    --color-text: #17233a;
    --color-text-muted: #5a6780;
    --color-primary: #1558c0;
    --color-primary-dark: #0f4aa7;
    --color-primary-contrast: #ffffff;
    --color-success: #198754;
    --color-warning: #ffc107;
    --color-danger: #dc3545;
    --color-info: #0dcaf0;

    --sidebar-width: 260px;
    --sidebar-bg-start: #001845;
    --sidebar-bg-mid: #002060;
    --sidebar-bg-end: #0a2d7a;
    --sidebar-accent: var(--color-uac-gold);
    --sidebar-text: rgba(255, 255, 255, 0.65);
    --sidebar-text-active: var(--color-uac-gold);

    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;

    --shadow-1: 0 2px 8px rgba(10, 22, 40, 0.08);
    --shadow-2: 0 10px 26px rgba(10, 22, 40, 0.12);
    --shadow-3: 0 20px 48px rgba(0, 32, 96, 0.14);

    --font-display: "Inter", "Segoe UI", sans-serif;
    --font-body: "Inter", "Segoe UI", sans-serif;
    --font-mono: "Cascadia Code", "Consolas", monospace;
    --font-size-1: 0.875rem;
    --font-size-2: 1rem;
    --font-size-3: 1.25rem;
    --font-size-4: 1.6rem;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;

    --transition-fast: 160ms ease;
    --transition-normal: 260ms ease;

    --z-base: 1;
    --z-dropdown: 1000;
    --z-modal: 1055;
}