:root {
    --para-em-bg: #f3f5f8;
    --para-em-surface: #ffffff;
    --para-em-surface-soft: #f7f9fc;
    --para-em-sidebar: #f5f7fa;
    --para-em-sidebar-hover: #e9eef5;
    --para-em-border: #d9e1ea;
    --para-em-border-strong: #c5cfdb;
    --para-em-text: #1f2937;
    --para-em-text-soft: #5f6f82;
    --para-em-muted: #7d8a9c;
    --para-em-primary: #123169;
    --para-em-primary-dark: #0d2550;
    --para-em-primary-soft: #e9eef7;
    --para-em-primary-soft-2: #f5f8fc;
    --para-em-success: #13795b;
    --para-em-success-soft: #e8f7f0;
    --para-em-warning: #b56a10;
    --para-em-warning-soft: #fff5e4;
    --para-em-danger: #cb3a4b;
    --para-em-danger-soft: #fff0f3;
    --para-em-shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);
    --para-em-shadow: 0 10px 30px rgba(15, 23, 42, .08);
    --para-em-shadow-lg: 0 24px 56px rgba(15, 23, 42, .18);
    --para-em-radius-sm: 4px;
    --para-em-radius: 10px;
    --para-em-radius-lg: 16px;
    --para-em-sidebar-width: 232px;
    --para-em-topbar-height: 72px;
    --para-em-page-padding-x: 30px;
    --para-em-page-padding-y: 26px;
    --para-em-field-height: 44px;
    --para-em-transition: 160ms ease;
    --para-em-font-body: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --para-em-font-heading: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}