:root {
    /* =========================================================
       ERP-UNIV ATLAS — BRAND SYSTEM v1.0
       ========================================================= */
    /* Brand Colors */
    --erp-primary: #4B7491;
    --erp-primary-dark: #3E6782;
    --erp-primary-darker: #2F5066;
    --erp-primary-light: #6F97AE;
    --erp-soft-blue: #A9C7D5;
    --erp-soft-blue-2: #DCEAF0;
    /* Base */
    --erp-background: #F8FAFB;
    --erp-surface: #FFFFFF;
    --erp-surface-soft: #F1F6F8;
    --erp-border: #DCE7EC;
    /* Text */
    --erp-text: #22313B;
    --erp-text-secondary: #607483;
    --erp-text-soft: #7F95A3;
    --erp-text-inverse: #FFFFFF;
    /* Status */
    --erp-success: #2E8B57;
    --erp-warning: #E8A317;
    --erp-danger: #D94C4C;
    /* Typography */
    --erp-font-main: "Segoe UI", Inter, Arial, sans-serif;
    /* Layout */
    --erp-container: 1180px;
    --erp-section-y: 96px;
    --erp-section-y-sm: 64px;
    --erp-section-y-lg: 128px;
    /* Radius */
    --erp-radius-sm: 8px;
    --erp-radius-md: 14px;
    --erp-radius-lg: 22px;
    --erp-radius-xl: 32px;
    --erp-radius-pill: 999px;
    /* Shadows */
    --erp-shadow-sm: 0 8px 22px rgba(34, 49, 59, 0.06);
    --erp-shadow-md: 0 18px 46px rgba(34, 49, 59, 0.10);
    --erp-shadow-lg: 0 30px 80px rgba(34, 49, 59, 0.16);
    /* Transitions */
    --erp-transition-fast: all 0.18s ease;
    --erp-transition: all 0.25s ease;
    --erp-transition-slow: all 0.4s ease;
    /* Compatibility aliases */
    --atlas-primary: var(--erp-primary);
    --atlas-primary-dark: var(--erp-primary-dark);
    --atlas-primary-soft: var(--erp-soft-blue-2);
    --atlas-accent: var(--erp-primary-light);
    --atlas-accent-soft: var(--erp-soft-blue-2);
    --atlas-bg: var(--erp-background);
    --atlas-surface: var(--erp-surface);
    --atlas-surface-soft: var(--erp-surface-soft);
    --atlas-text: var(--erp-text);
    --atlas-text-muted: var(--erp-text-secondary);
    --atlas-text-soft: var(--erp-text-soft);
    --atlas-border: var(--erp-border);
    --atlas-success: var(--erp-success);
    --atlas-warning: var(--erp-warning);
    --atlas-danger: var(--erp-danger);
    --atlas-font-main: var(--erp-font-main);
    --atlas-container: var(--erp-container);
    --atlas-section-y: var(--erp-section-y);
    --atlas-radius-sm: var(--erp-radius-sm);
    --atlas-radius-md: var(--erp-radius-md);
    --atlas-radius-lg: var(--erp-radius-lg);
    --atlas-radius-xl: var(--erp-radius-xl);
    --atlas-shadow-sm: var(--erp-shadow-sm);
    --atlas-shadow-md: var(--erp-shadow-md);
    --atlas-shadow-lg: var(--erp-shadow-lg);
    --atlas-transition: var(--erp-transition);
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: var(--erp-font-main);
    background: var(--erp-background);
    color: var(--erp-text);
    line-height: 1.6;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

a {
    color: inherit;
    text-decoration: none;
}

img,
svg,
video {
    max-width: 100%;
    display: block;
}

button,
input,
textarea,
select {
    font: inherit;
}

button {
    cursor: pointer;
}

::selection {
    background: var(--erp-soft-blue-2);
    color: var(--erp-primary-darker);
}