:root,
[data-bs-theme=light] {
    --bs-primary: #17324d;
    --bs-primary-rgb: 23, 50, 77;
    --bs-primary-text-emphasis: #0f2235;
    --bs-primary-bg-subtle: #dbe7f1;
    --bs-primary-border-subtle: #afc4d6;

    --bs-secondary: #4f7c84;
    --bs-secondary-rgb: 79, 124, 132;
    --bs-secondary-text-emphasis: #28484d;
    --bs-secondary-bg-subtle: #dcebed;
    --bs-secondary-border-subtle: #b8d1d5;

    --bs-link-color: #17324d;
    --bs-link-color-rgb: 23, 50, 77;
    --bs-link-hover-color: #0f2235;
    --bs-link-hover-color-rgb: 15, 34, 53;
    --bs-focus-ring-color: rgba(79, 124, 132, 0.22);
}

body.vh-100 {
    background: #eef2f6;
    color: #536274;
}

.authincation {
    position: relative;
}

.authincation::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--bs-primary);
    clip-path: polygon(0 0, 42% 0, 58% 100%, 0 100%);
    z-index: 0;
}

.authincation .container,
.authincation .row,
.authincation .col-md-6,
.authincation .col-lg-5 {
    position: relative;
    z-index: 1;
}

.authincation .card {
    overflow: hidden;
    border: 1px solid var(--bs-primary-border-subtle);
    border-radius: 1rem;
    background: #ffffff;
}

.authincation .card-body {
    padding: 3rem !important;
}

.ege-brand-logo {
    padding: 0;
    border-radius: 0;
    background: transparent;
}

.authincation h4 {
    color: #17324d;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.authincation .text-muted {
    color: #728194 !important;
}

.authincation .form-label,
.authincation .form-check-label {
    color: #29415a;
}

.authincation .form-control {
    min-height: 3.5rem;
    border-color: #d7e1ea;
    background: #fafcfd;
    color: #17324d;
}

.authincation .form-control:focus {
    border-color: #4f7c84;
    box-shadow: 0 0 0 0.2rem rgba(79, 124, 132, 0.16);
}

.authincation .form-control::placeholder {
    color: #95a2b1;
}

.authincation .show-pass {
    color: #4f7c84;
}

.authincation .btn-primary {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #17324d;
    --bs-btn-border-color: #17324d;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #122940;
    --bs-btn-hover-border-color: #122940;
    --bs-btn-focus-shadow-rgb: 23, 50, 77;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #102235;
    --bs-btn-active-border-color: #102235;
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #17324d;
    --bs-btn-disabled-border-color: #17324d;
    border-radius: 0.6rem;
}

.authincation .form-check-input:checked {
    background-color: #4f7c84;
    border-color: #4f7c84;
}

.authincation .alert-danger.solid {
    background: #fff1f0;
    border-color: #f6c8c2;
    color: #9d3f36;
}

.authincation .alert-success.solid {
    background: #edf7f4;
    border-color: #cde2dd;
    color: #285d55;
}

@media (max-width: 991.98px) {
    .authincation::before {
        clip-path: polygon(0 0, 100% 0, 100% 28%, 0 42%);
    }
}

@media (max-width: 575.98px) {
    .authincation .card-body {
        padding: 2rem !important;
    }

    .ege-brand-logo {
        padding: 0;
    }
}