:root {
    --font-family-sans: "Poppins", "Segoe UI", Arial, sans-serif;
    --font-size-xs: .75rem;
    --font-size-sm: .875rem;
    --font-size-md: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.375rem;
    --font-size-2xl: clamp(2rem, 4vw, 3rem);
    --line-height-tight: 1.2;
    --line-height-normal: 1.55;

    --color-primary: #335c7d;
    --color-primary-strong: #17384b;
    --color-accent: #029294;
    --color-accent-soft: #e7f7f6;
    --color-text: #0f2740;
    --color-text-muted: #506277;
    --color-border: #dbe3ea;
    --color-border-soft: #edf1f5;
    --color-canvas: #f4f7fa;
    --color-surface: #ffffff;
    --color-success: #027a48;
    --color-success-soft: #e8f8f2;
    --color-link: #005bea;
    --color-link-hover: #0f2740;
    --color-warning: #b54708;
    --color-danger: #b42318;
    --color-info: #335c7d;
    --color-disabled-surface: #edf1f4;
    --color-disabled-text: #8a98a7;
    --focus-ring: 0 0 0 4px rgba(2, 146, 148, .16);

    --space-1: .25rem;
    --space-2: .5rem;
    --space-3: .75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;

    --radius-sm: .5rem;
    --radius-md: .75rem;
    --radius-lg: 1rem;
    --radius-xl: 1.125rem;
    --radius-pill: 999px;
    --shadow-sm: 0 4px 14px rgba(15, 39, 64, .05);
    --shadow-card: 0 14px 38px rgba(15, 39, 64, .07);
    --shadow-dialog: 0 30px 80px rgba(15, 39, 64, .22);

    /* Canonical application layers. Native dialog top-layer behavior remains authoritative. */
    --layer-base: 0;
    --layer-sticky: 100;
    --layer-dropdown: 300;
    --layer-popover: 400;
    --layer-modal-support: 700;
    --layer-toast: 900;
    --layer-call-alert: 1000;

    --topbar-height: 4.75rem;
    --sidebar-width: 13.75rem;
    --content-max-width: 82.5rem;
    --control-height: 3rem;
    --header-control-height: 2.125rem;
    --header-control-height-compact: 2rem;
    --header-control-radius: .6875rem;
    --header-control-font-size: .75rem;
    --header-control-font-weight: 700;
    --dialog-width-wide: 73.75rem;
    --transition-fast: 160ms ease;
}
