:root {
    --font-sans: 'Poppins', sans-serif;

    --text-sm: 80%;
    --text-md: 100%;
    --text-lg: 112.5%;

    --leading-none: 1;
    --leading-tight: 1.3;

    --btn-h: 2.5rem;
    --btn-pad-x: 1.1rem;
    --icon-size-lg: 1.5rem;
    --icon-size: 1.25rem;

    --border-w: 1px;
    --border-w-strong: 2px;

    --radius-md: 0.625rem;
    --radius-xl: 1.875rem;
    --radius-pill: 999rem;

    --primary: #3730b7;
    --primary-tint: #f0f0fa;
    --primary-tint-hover: #e4e2f6;
    --secondary: #444445;
    --text-muted: #5f6673;
    --emphasis: #ffffff;
    --surface-muted: #f3f4f6;
    --border: #dadada;
    --danger: #b91c1c;
    --danger-tint: #fde8e8;
    --done: #1f7a4a;
    --warning: #c2410c;
    --warning-tint: #fff4e0;
    --info: #2559c2;
    --scrim: color-mix(in srgb, #000000 50%, transparent);

    --brand: #eb1c24;
    --brand-hover: #c8161d;
    --brand-active: #a51219;
    --accent: #00acd5;
    --accent-hover: #008bb0;
    --accent-active: #006a87;

    --duration: 0.15s;
    --ease: cubic-bezier(0.4, 0, 0.2, 1);

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

    --opacity-disabled: 0.5;

    /* Body-level overlays (chat panel, activity log, full-screen scrims) sit above the admin's
       vendor chrome: `.aimeos .main-sidebar` is 1150 and `.app-menu` is 1100 in menu.css */
    --z-overlay: 1200;
    --z-toast: 9999;

    --elevation-2: 0 0.25rem 1rem color-mix(in srgb, #000000 8%, transparent);
}