:root {
    /* Calm, low-saturation palette for long ERP work sessions. */
    --erp-blue-50: #f0f7fc;
    --erp-blue-100: #dcecf7;
    --erp-blue-200: #b9d8ed;
    --erp-blue-300: #83b9dc;
    --erp-blue-500: #287eb4;
    --erp-blue-600: #1d6fa5;
    --erp-blue-700: #185b88;
    --erp-blue-800: #174f78;
    --erp-blue-900: #123a59;
    --erp-topbar: #123e68;
    --erp-sidebar: #092b49;
    --erp-duration: 180ms;
    --erp-ease: cubic-bezier(.22, .61, .36, 1);

    --primary-light: #1d6fa5 !important;
    --primary-dark: #092b49 !important;
    --primary-light-rgb: 29, 111, 165 !important;
    --primary-dark-rgb: 9, 43, 73 !important;
    --primary-color: #1d6fa5;
    --secondary-color: #238c9d;
    --secondary-light: #4fa6b3;
    --secondary-dark: #176675;
    --table-header: #174f78 !important;
    --table-header-bg: #174f78;
    --table-headerfont: #ffffff;
    --nev-fontcolor: rgba(241, 245, 249, 0.92);
    --nev-hover: rgba(131, 185, 220, 0.14);
    --nev-active: rgba(40, 126, 180, 0.28);
    --btn-background: #1d6fa5 !important;
    --btn-font: #ffffff;
    --btn-backgroundhover: #185b88 !important;
    --btn-fonthover: #ffffff;
    --btn-primary-bg: #1d6fa5;
    --btn-primary-hover: #185b88;
    --shortcut-menu: #1d6fa5 !important;
    --body-background: #f0f7fc;
    --title-background: #dcecf7;
    --link-color: #176a9e;
    --active-color: #1d6fa5;
    --text-mandatory: #b42318;
    --form-border: #b9d8ed;
    --glass-background: rgba(255, 255, 255, 0.78);
    --glass-border: rgba(255, 255, 255, 0.48);
    --shadow-light: rgba(9, 43, 73, 0.04);
    --shadow-medium: rgba(9, 43, 73, 0.08);
    --shadow-strong: rgba(9, 43, 73, 0.13);
    --shadow-intense: rgba(9, 43, 73, 0.19);
    --highlight-light: rgba(255, 255, 255, 0.18);
    --highlight-medium: rgba(255, 255, 255, 0.30);
    --ripple-color: rgba(29, 111, 165, 0.18);
    --focus-ring: rgba(29, 111, 165, 0.26);
    --success-color: #2e7d57;
    --warning-color: #a86412;
    --danger-color: #b42318;
    --info-color: #1676b5;
    --light-color: #f8fafc;
    --dark-color: #092b49;
    --table-border: #b9d8ed;
    --table-border-light: #dcecf7;
    --table-border-dark: #83b9dc;
    --table-border-print: #000000;
}

html body .navbar.custom-primary-bg,
html body .navbar-expand-lg.custom-primary-bg {
    background-color: var(--erp-topbar) !important;
    border-color: rgba(207, 218, 229, 0.08) !important;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.14) !important;
}

html body .sidebar.custom-secondery-bg,
html body .top-menu-navbar.custom-secondery-bg {
    background-color: var(--erp-sidebar) !important;
    border-color: rgba(207, 218, 229, 0.07) !important;
}

html body .sidebar-dark .nav-link {
    color: rgba(226, 232, 240, 0.84) !important;
}

html body .sidebar-dark .nav-link,
html body .btn,
html body .form-control {
    transition-duration: var(--erp-duration) !important;
    transition-timing-function: var(--erp-ease) !important;
}

html body .sidebar-dark .nav-link:hover {
    color: #ffffff !important;
    background-color: rgba(131, 185, 220, 0.14) !important;
}

html body .sidebar-dark .nav-link.active {
    color: #ffffff !important;
    background-color: rgba(40, 126, 180, 0.34) !important;
    box-shadow: inset 0 0 0 1px rgba(207, 218, 229, 0.10) !important;
}

html body .btn-primary,
html body .custom-btn-success {
    color: #ffffff !important;
    background-color: var(--erp-blue-600) !important;
    border-color: var(--erp-blue-700) !important;
    box-shadow: 0 2px 5px rgba(24, 43, 61, 0.14) !important;
}

html body .btn-primary:hover,
html body .btn-primary:focus,
html body .custom-btn-success:hover,
html body .custom-btn-success:focus {
    color: #ffffff !important;
    background-color: var(--erp-blue-700) !important;
    border-color: var(--erp-blue-800) !important;
    box-shadow: 0 3px 8px rgba(24, 43, 61, 0.20) !important;
}

html body .form-control:focus {
    border-color: var(--erp-blue-500) !important;
    box-shadow: 0 0 0 3px rgba(29, 111, 165, 0.14) !important;
}

html body .table thead th {
    color: #ffffff !important;
    background-color: var(--erp-blue-700) !important;
    border-color: var(--erp-blue-800) !important;
}

html body .table tbody tr:hover {
    background-color: rgba(29, 111, 165, 0.065) !important;
}

::selection {
    color: #ffffff !important;
    background-color: var(--erp-blue-600);
}

@media (prefers-reduced-motion: reduce) {
    html body .sidebar-dark .nav-link,
    html body .btn,
    html body .form-control {
        transition-duration: 0.01ms !important;
    }
}