:root,
[data-bs-theme="light"] {
    --bs-primary-rgb: 46, 49, 145;
}

/* Warna utama */
:root,
[data-bs-theme="light"],
.breadcrumb .breadcrumb-item i,
.header-actions .header-icon,
.sidebar-menu > li.current-page > a i,
.sidebar-menu > li.current-page > a,
.sidebar-menu > li.current-page > a:hover,
.sidebar-menu > li > a:hover i,
.toggle-sidebar i,
.pin-sidebar i {
    color: #2e3191;
}

body {
    background: #edf0fb;
}

/* Latar belakang ungu */
.sidebar-contact,
.sidebar-menu > li.current-page > a i {
    background-color: #2e3191;
}

/* Warna ikon aktif */
.sidebar-menu > li.current-page > a i {
    color: #fff;
}

/* Hover dan aktif - warna abu-ungu */
.header-actions .header-icon,
.sidebar-menu > li.active > a,
.sidebar-menu > li > a:hover,
.sidebar-menu > li > a i,
.toggle-sidebar,
.pin-sidebar {
    background: #d6d9f5;
}

/* Hover/aktif warna teks hitam */
.sidebar-menu > li.active > a,
.sidebar-menu > li > a:hover {
    color: #000;
}

/* Ukuran ikon breadcrumb */
.breadcrumb .breadcrumb-item i {
    font-size: 1.5rem;
}

input:read-only {
    background: #f3f3f3;
}

.form-control {
    padding: .46rem .75rem;
}

.form-control:hover {
    border-color: #e8e9f4;
}

.form-control:focus,
.form-select:focus {
    border-color: #e8e9f4;
    box-shadow: 0 0 0 .25rem rgba(46, 49, 145, .25);
}

.form-check .form-check-input:checked {
    background-color: #2e3191;
    border-color: #2e3191;
}

.btn-primary {
    --bs-btn-color: #f0f1f4;
    --bs-btn-bg: #2e3191;
    --bs-btn-border-color: #2e3191;
    --bs-btn-hover-color: #f0f1f4;
    --bs-btn-hover-bg: #4647a8;
    --bs-btn-hover-border-color: #3f40a1;
    --bs-btn-focus-shadow-rgb: 46, 49, 145;
    --bs-btn-active-color: #f0f1f4;
    --bs-btn-active-bg: #5152b0;
    --bs-btn-active-border-color: #3f40a1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(15, 17, 21, 0.125);
    --bs-btn-disabled-color: #f0f1f4;
    --bs-btn-disabled-bg: #2e3191;
    --bs-btn-disabled-border-color: #2e3191;
}

.btn-outline-secondary {
    --bs-btn-color: #80a9be;                      /* Text & border default */
    --bs-btn-border-color: #80a9be;
    --bs-btn-hover-color: #0f1115;                /* Text saat hover (gelap) */
    --bs-btn-hover-bg: #80a9be;                   /* Latar belakang saat hover */
    --bs-btn-hover-border-color: #80a9be;
    --bs-btn-focus-shadow-rgb: 128, 169, 190;     /* Efek fokus */
    --bs-btn-active-color: #0f1115;               /* Saat tombol ditekan */
    --bs-btn-active-bg: #80a9be;
    --bs-btn-active-border-color: #80a9be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(15, 17, 21, 0.125);
    --bs-btn-disabled-color: #80a9be;             /* Tombol disable */
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #80a9be;
    --bs-gradient: none;
}

.auth-box {
    border: 1px solid #2e3191;
}

table.dataTable>thead .sorting, table.dataTable>thead .sorting_asc {
    color: #fff;
    background: #2e3191 !important;
}

.table thead th {
    background-color: #2e3191;
    color: #fff;
}

.page-link.active, .active>.page-link {
    background-color: #2e3191 !important;
    border: 1px solid #2e3191 !important;
    color: #ffffff;
}