/**
 * Auth (login/register/recover) — color palette only.
 * Scoped to .nk-auth-container so layout/structure stay unchanged.
 */
.nk-auth-container {
    --main-color: #c9a84a;
    --hover-color: #dbc078;
    --auth-blue-top: #3ecfff;
    --auth-blue-bot: #0f5f7f;
    --auth-blue-top-hover: #5bcff6;
    --auth-blue-bot-hover: #1a7aa8;
    --auth-border: #2c516b;
    --auth-focus: #27b0dd;
    --auth-accent-pale: #a0e7ff;
    --auth-gold-border: #a8893a;
}

/* Links + accents (Registrar, footer, etc.) — aged gold */
.nk-auth-container a {
    color: var(--main-color);
}

.nk-auth-container a:hover {
    color: var(--hover-color);
}

.nk-auth-container .link-primary,
.nk-auth-container .link-on-primary:hover {
    color: var(--main-color) !important;
}

.nk-auth-container .footer__copyright-info--text {
    color: var(--main-color);
}

.nk-auth-container .footer__copyright-info--policy a {
    color: var(--main-color) !important;
}

.nk-auth-container .footer__copyright-info--policy a:hover {
    color: #fff !important;
}

/* Labels — pale blue for contrast on black */
.dark-mode .nk-auth-container .form-label {
    color: var(--auth-accent-pale) !important;
}

/* Inputs — dark blue borders; blue focus */
.dark-mode .nk-auth-container .form-control {
    border-color: var(--auth-border) !important;
}

.dark-mode .nk-auth-container .form-control:focus {
    border-color: var(--auth-focus) !important;
    box-shadow: 0 0 0 3px rgba(39, 176, 221, 0.22);
}

.dark-mode .nk-auth-container .custom-control-label:before {
    border-color: var(--auth-border) !important;
}

.dark-mode .nk-auth-container .custom-control-input:focus~.custom-control-label:before {
    box-shadow: 0 0 0 0.2rem rgba(39, 176, 221, 0.28);
}

.dark-mode .nk-auth-container .custom-control-input:checked~.custom-control-label:before {
    background-color: var(--auth-blue-top) !important;
    border-color: var(--auth-gold-border) !important;
}

/* CTA — blue gradient + subtle gold edge */
.nk-auth-container .btn-primary {
    background-color: var(--auth-blue-bot);
    background-image: linear-gradient(180deg, var(--auth-blue-top) 0%, var(--auth-blue-bot) 100%);
    border-color: var(--auth-gold-border);
    color: #fff;
}

.nk-auth-container .btn-primary.focus,
.nk-auth-container .btn-primary:focus,
.nk-auth-container .btn-primary:hover {
    background-color: var(--auth-blue-bot-hover);
    background-image: linear-gradient(180deg, var(--auth-blue-top-hover) 0%, var(--auth-blue-bot-hover) 100%);
    border-color: var(--hover-color);
    color: #fff;
}

.nk-auth-container .btn-primary.focus,
.nk-auth-container .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(39, 176, 221, 0.35);
}

.nk-auth-container .btn-primary.disabled,
.nk-auth-container .btn-primary:disabled {
    background-color: var(--auth-blue-bot);
    background-image: linear-gradient(180deg, var(--auth-blue-top) 0%, var(--auth-blue-bot) 100%);
    border-color: var(--auth-gold-border);
    color: #fff;
}

.nk-auth-container .btn-primary:not(:disabled):not(.disabled).active,
.nk-auth-container .btn-primary:not(:disabled):not(.disabled):active,
.show > .nk-auth-container .btn-primary.dropdown-toggle {
    background-color: var(--auth-blue-bot-hover);
    background-image: linear-gradient(180deg, var(--auth-blue-top-hover) 0%, var(--auth-blue-bot-hover) 100%);
    border-color: var(--auth-gold-border);
    color: #fff;
}

.nk-auth-container .btn-primary:not(:disabled):not(.disabled).active:focus,
.nk-auth-container .btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .nk-auth-container .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(39, 176, 221, 0.35);
}

/* Eye / passcode icon */
.nk-auth-container .form-icon,
.nk-auth-container .passcode-switch {
    color: var(--auth-accent-pale);
}

.nk-auth-container .passcode-switch:hover {
    color: var(--hover-color);
}