:root {
    --erp-primary: #18A8E1;
    --erp-primary-600: #0B3B9C;
    --erp-primary-700: #082F7A;
    --erp-primary-rgb: 24, 168, 225;
    --erp-primary-contrast: #ffffff;
    --erp-primary-600-contrast: #ffffff;
    --erp-primary-700-contrast: #ffffff;
    --erp-accent: #0891b2;
    --erp-secondary: #0f172a;
    --erp-sidebar-bg: #0F172A;
    --erp-sidebar-step-1: #0F172A;
    --erp-sidebar-step-2: #111827;
    --erp-sidebar-step-3: #1E293B;
    --erp-sidebar-gradient-start: var(--erp-sidebar-step-1);
    --erp-sidebar-gradient-mid: var(--erp-sidebar-step-2);
    --erp-sidebar-gradient-end: var(--erp-sidebar-step-3);
    --erp-sidebar-hover: rgba(var(--erp-primary-rgb), 0.14);
    --erp-sidebar-active-bg: linear-gradient(135deg, var(--erp-primary) 0%, var(--erp-primary-600) 100%);
    --erp-sidebar-active-text: var(--erp-primary-contrast);
    --erp-sidebar-border: rgba(var(--erp-primary-rgb), 0.22);
    --erp-sidebar-search-bg: rgba(240, 249, 255, 0.08);
    --erp-sidebar-search-border: rgba(186, 230, 253, 0.22);
    --erp-sidebar-search-results-bg: #111827;
    --erp-sidebar-text: #E0F2FE;
    --erp-sidebar-muted: #BAE6FD;
    --erp-bg-main: #F8FAFC;
    --erp-bg-soft: #F0F9FF;
    --erp-surface: #ffffff;
    --erp-surface-soft: #F0F9FF;
    --erp-surface-muted: #E0F2FE;
    --erp-card-bg: var(--erp-surface);
    --erp-toolbar-bg: color-mix(in srgb, var(--erp-surface) 88%, transparent);
    --erp-topbar-bg: color-mix(in srgb, var(--erp-surface) 88%, transparent);
    --erp-topbar-border: var(--erp-border);
    --erp-search-bg: var(--erp-surface);
    --erp-input-bg: var(--erp-surface);
    --erp-input-border: var(--erp-border);
    --erp-table-header-bg: linear-gradient(180deg, var(--erp-surface-soft) 0%, var(--erp-surface-muted) 100%);
    --erp-table-header-text: #1E293B;
    --erp-table-bg: var(--erp-surface);
    --erp-row-striped: #F8FAFC;
    --erp-row-hover: #E0F2FE;
    --erp-control-hover: #F0F9FF;
    --erp-pagination-bg: color-mix(in srgb, var(--erp-surface) 84%, transparent);
    --erp-tabs-bg: var(--erp-bg-soft);
    --erp-tabs-border: var(--erp-border);
    --erp-tab-bg: var(--erp-surface-soft);
    --erp-tab-hover-bg: var(--erp-control-hover);
    --erp-tab-active-bg: var(--erp-surface);
    --erp-text: #111827;
    --erp-muted: #475569;
    --erp-border: #E0F2FE;
    --erp-border-strong: #BAE6FD;
    --erp-focus-rgb: var(--erp-primary-rgb);
    --erp-focus-shadow: 0 0 0 .2rem rgba(var(--erp-focus-rgb), .16);
    --erp-focus-shadow-sm: 0 0 0 .18rem rgba(var(--erp-focus-rgb), .16);
    --erp-primary-shadow: 0 10px 22px rgba(var(--erp-primary-rgb), 0.14);
    --erp-success: #16a34a;
    --erp-warning: #d97706;
    --erp-danger: #dc2626;
    --bs-primary: var(--erp-primary);
    --bs-primary-rgb: var(--erp-primary-rgb);
    --bs-secondary: var(--erp-secondary);
    --bs-secondary-rgb: 15, 23, 42;
    --bs-info: var(--erp-accent);
    --bs-info-rgb: 8, 145, 178;
    --bs-success: var(--erp-success);
    --bs-success-rgb: 22, 163, 74;
    --bs-warning: var(--erp-warning);
    --bs-warning-rgb: 217, 119, 6;
    --bs-danger: var(--erp-danger);
    --bs-danger-rgb: 220, 38, 38;
    --erp-shadow-sm: 0 10px 24px rgba(15, 23, 42, 0.06);
    --erp-shadow-md: 0 18px 40px rgba(15, 23, 42, 0.12);
    --erp-radius-sm: 8px;
    --erp-radius-md: 12px;
    --erp-radius-lg: 12px;
}