:root {
    color-scheme: light dark;
    /* ===== BRAND COLORS (Branding Service overrides) ===== */
    --erp-primary: #0f6dfd;
    --erp-secondary: #5b6474;
    --erp-accent: #0cb8ce;
    --erp-success: #1f9d58;
    --erp-info: #0f8cff;
    --erp-warning: #f3a530;
    --erp-danger: #e5484d;
    /* ===== LAYOUT COLORS (Branding Service overrides) ===== */
    --erp-background: #f5f7fb;
    --erp-surface: #ffffff;
    --erp-surface-muted: #eef2f8;
    --erp-text: #172033;
    --erp-text-muted: #5c6577;
    --erp-border: rgba(23, 32, 51, 0.11);
    /* ===== COMPONENT BACKGROUNDS (Branding Service overrides) ===== */
    --erp-sidebar-bg: rgba(255, 255, 255, 0.92);
    --erp-sidebar-text: #172033;
    --erp-header-bg: rgba(255, 255, 255, 0.92);
    --erp-header-text: #172033;
    /* Typography */
    --erp-font-family: Inter, "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
    --erp-font-size-xs: 0.75rem;
    --erp-font-size-sm: 0.875rem;
    --erp-font-size-md: 1rem;
    --erp-font-size-lg: 1.125rem;
    --erp-font-size-xl: 1.5rem;
    --erp-line-height: 1.55;
    /* Spacing System */
    --erp-space-1: 0.25rem;
    --erp-space-2: 0.5rem;
    --erp-space-3: 0.75rem;
    --erp-space-4: 1rem;
    --erp-space-5: 1.5rem;
    --erp-space-6: 2rem;
    /* Spacing Aliases for Branding */
    --erp-spacing-xs: var(--erp-space-1);
    --erp-spacing-sm: var(--erp-space-2);
    --erp-spacing-md: var(--erp-space-4);
    --erp-spacing-lg: var(--erp-space-6);
    /* Rounding System */
    --erp-radius-sm: 0.5rem;
    --erp-radius-md: 0.875rem;
    --erp-radius-lg: 1.25rem;
    /* Shadows */
    --erp-shadow-sm: 0 8px 22px rgba(23, 32, 51, 0.06);
    --erp-shadow-md: 0 18px 48px rgba(23, 32, 51, 0.12);
    /* Component Sizing */
    --erp-control-height: 2.75rem;
    /* Layout Dimensions */
    --erp-sidebar-width: 18rem;
    --erp-sidebar-collapsed-width: 4.5rem;
    --erp-sidebar-transition: 200ms ease;
    --erp-content-max-width: 84rem;
}

html {
    font-family: var(--erp-font-family);
    line-height: var(--erp-line-height);
}

body {
    min-height: 100vh;
    background: var(--erp-background);
    color: var(--erp-text);
    font-family: var(--erp-font-family);
}

body[data-theme="dark"] {
    --erp-background: #0f141f;
    --erp-surface: #151c2b;
    --erp-surface-muted: #1b2435;
    --erp-text: #edf2ff;
    --erp-text-muted: #a8b1c4;
    --erp-border: rgba(237, 242, 255, 0.12);
    --erp-sidebar-bg: rgba(17, 23, 35, 0.92);
    --erp-sidebar-text: #edf2ff;
    --erp-header-bg: rgba(17, 23, 35, 0.92);
    --erp-header-text: #edf2ff;
}

body[data-theme="system"] {
    color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
    body[data-theme="system"] {
        --erp-background: #0f141f;
        --erp-surface: #151c2b;
        --erp-surface-muted: #1b2435;
        --erp-text: #edf2ff;
        --erp-text-muted: #a8b1c4;
        --erp-border: rgba(237, 242, 255, 0.12);
        --erp-sidebar-bg: rgba(17, 23, 35, 0.92);
        --erp-sidebar-text: #edf2ff;
        --erp-header-bg: rgba(17, 23, 35, 0.92);
        --erp-header-text: #edf2ff;
    }
}

img {
    max-width: 100%;
}

a {
    color: var(--erp-primary);
}

.erp-text-muted,
.shell-muted {
    color: var(--erp-text-muted);
}