:root {
    /* Brand */
    --elev-primary: #2196e9;
    --elev-primary-hover: #45a7ed;
    --elev-primary-active: #1b76b6;
    --elev-primary-soft: #deeffc;
    --elev-secondary: #023047;
    --elev-secondary-hover: #034363;
    --elev-secondary-active: #022537;
    --elev-secondary-soft: #ebf8fe;

    /* Surfaces */
    --elev-background: #f8f9fc;
    --elev-surface: #ffffff;
    --elev-surface-strong: #f1f3f9;
    --elev-surface-soft: #f8f9fc;
    --elev-bg-pale: #f7f7f7;
    --elev-bg-white-card: #ffffff;

    /* Text */
    --elev-foreground: #1d2433;
    --elev-text-bold: #121212;
    --elev-muted: #4a505c;
    --elev-muted-foreground: #9d9ea1;
    --elev-text-sheen: #888888;
    --elev-slate: #4a505c;
    --elev-gray-600: #535862;
    --elev-gray-900: #181d27;

    /* Borders */
    --elev-border: #e1e6ef;
    --elev-border-soft: #f1f3f9;
    --elev-stroke-pale: #e7e7e7;
    --elev-line-light: #3f444d;

    /* Semantic */
    --elev-success: #08875d;
    --elev-success-soft: #edfdf8;
    --elev-warning: #e07306;
    --elev-warning-soft: #fff8eb;
    --elev-destructive: #e02d3c;
    --elev-destructive-soft: #fef1f2;
    --elev-info: #0087cb;
    --elev-info-soft: #e6f7ff;

    /* Dark shell (sidebar) */
    --elev-dark-base: #0a0d14;
    --elev-dark-primary: #1b1f27;
    --elev-dark-secondary: #23272f;

    /* Layout */
    --elev-radius: 14px;
    --elev-radius-pill: 9999px;
    --elev-shadow: 0 8px 24px rgba(10, 13, 20, 0.06);
    --elev-sidebar-width: 320px;
    --elev-sidebar-collapsed-width: 92px;
    --elev-topbar-height: 84px;
    --elev-drawer-width: 460px;

    /* Typography scale */
    --elev-font-sans: Urbanist, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --elev-font-display: Urbanist, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --elev-text-xs-size: 0.75rem;       /* 12px */
    --elev-text-xs-line: 1.125rem;      /* 18px */
    --elev-text-sm-size: 0.875rem;      /* 14px */
    --elev-text-sm-line: 1.25rem;       /* 20px */
    --elev-text-md-size: 1rem;          /* 16px */
    --elev-text-md-line: 1.5rem;        /* 24px */
    --elev-text-lg-size: 1.125rem;      /* 18px */
    --elev-text-lg-line: 1.75rem;       /* 28px */
    --elev-text-xl-size: 1.25rem;       /* 20px */
    --elev-text-xl-line: 1.875rem;      /* 30px */
    --elev-display-xs-size: 1.5rem;     /* 24px */
    --elev-display-xs-line: 2rem;       /* 32px */
    --elev-display-sm-size: 1.875rem;   /* 30px */
    --elev-display-sm-line: 2.375rem;   /* 38px */
    --elev-display-md-size: 2.25rem;    /* 36px */
    --elev-display-md-line: 2.75rem;    /* 44px */
    --elev-display-md-tracking: -0.02em;
}