/* [DIUBAH] Palet warna baru biru */
:root {
    /* Warna utama biru tua */
    --warna-utama: #134B70 !important;
    /* Warna gelap biru sangat gelap */
    --warna-gelap: #201E43 !important;
    /* Warna terang abu-abu terang */
    --warna-terang: #EEEEEE !important;
    /* Warna sedang biru kehijauan/aksen */
    --warna-sedang: #508C9B !important;
    /* Warna aksen abu-abu gelap */
    --warna-aksen: #212529 !important;
    /* Warna bayangan abu-abu sangat gelap */
    --warna-bayangan: #1C2023 !important;
    --transition-fast: 0.3s;
    --transition-slow: 0.5s;
    
    /* Update Bootstrap color variables */
    --primary: #134B70;
    --secondary: #508C9B;
    --success: #201E43;
    --info: #EEEEEE;
    --warning: #508C9B;
    --danger: #201E43;
    --light: #EEEEEE;
    --dark: #212529;
}

/* Update text colors */
html .text-color-primary,
html .text-primary {
    color: #134B70 !important;
}

html .text-color-hover-primary:hover,
html .text-hover-primary:hover {
    color: #134B70 !important;
}

html .text-color-secondary,
html .text-secondary {
    color: #508C9B !important;
}

html .text-color-hover-secondary:hover,
html .text-hover-secondary:hover {
    color: #508C9B !important;
}

html .text-color-tertiary,
html .text-tertiary {
    color: #201E43 !important;
}

html .text-color-hover-tertiary:hover,
html .text-hover-tertiary:hover {
    color: #201E43 !important;
}

html .text-color-quaternary,
html .text-quaternary {
    color: #EEEEEE !important;
}

html .text-color-hover-quaternary:hover,
html .text-hover-quaternary:hover {
    color: #EEEEEE !important;
}

html .text-color-dark,
html .text-dark {
    color: #212529 !important;
}

html .text-color-hover-dark:hover,
html .text-hover-dark:hover {
    color: #212529 !important;
}

html .text-color-light,
html .text-light {
    color: #EEEEEE !important;
}

html .text-color-hover-light:hover,
html .text-hover-light:hover {
    color: #EEEEEE !important;
}

/* Update link colors */
a {
    color: #134B70;
}

a:hover {
    color: #201E43;
}

a:focus {
    color: #201E43;
}

a:active {
    color: #508C9B;
}

/* Update selection colors */
::-moz-selection {
    color: #FFF;
    background: #134B70;
}

::selection {
    color: #FFF;
    background: #134B70;
}

/* Update button colors */
.btn-primary {
    background-color: #134B70;
    border-color: #134B70;
}

.btn-primary:hover {
    background-color: #201E43;
    border-color: #201E43;
}

.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(19, 75, 112, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #134B70;
    border-color: #134B70;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    background-color: #201E43;
    border-color: #201E43;
}

.btn-secondary {
    background-color: #508C9B;
    border-color: #508C9B;
}

.btn-secondary:hover {
    background-color: #201E43;
    border-color: #201E43;
}

.btn-secondary:focus,
.btn-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(80, 140, 155, 0.5);
}

/* Update background colors */
.bg-primary {
    background-color: #134B70 !important;
}

.bg-secondary {
    background-color: #508C9B !important;
}

.bg-success {
    background-color: #201E43 !important;
}

.bg-info {
    background-color: #EEEEEE !important;
}

.bg-warning {
    background-color: #508C9B !important;
}

.bg-danger {
    background-color: #201E43 !important;
}

.bg-light {
    background-color: #EEEEEE !important;
}

.bg-dark {
    background-color: #212529 !important;
}

/* Update border colors */
.border-primary {
    border-color: #134B70 !important;
}

.border-secondary {
    border-color: #508C9B !important;
}

.border-success {
    border-color: #201E43 !important;
}

.border-info {
    border-color: #EEEEEE !important;
}

.border-warning {
    border-color: #508C9B !important;
}

.border-danger {
    border-color: #201E43 !important;
}

.border-light {
    border-color: #EEEEEE !important;
}

.border-dark {
    border-color: #212529 !important;
}