:root {
    --lpx-logo: url('/images/logo/leptonxlite/logo-light.png');
    --lpx-logo-icon: url('/images/logo/leptonxlite/logo-light-thumbnail.png');
}
:root .abp-account-layout .lpx-brand-logo{
    --lpx-logo: url('/images/logo/leptonxlite/logo-dark.png');
}

/* Override Bootstrap primary color with emerald for authentication pages */
.abp-account-layout {
    --bs-primary: #10b981;
    --bs-primary-rgb: 16, 185, 129;
    --bs-primary-text-emphasis: #065a3f;
    --bs-primary-bg-subtle: #d1fae5;
    --bs-primary-border-subtle: #a7f3d0;
    --bs-link-color: #10b981;
    --bs-link-hover-color: #059669;
    --bs-link-color-rgb: 16, 185, 129;
    --bs-link-hover-color-rgb: 5, 150, 105;
    --bs-focus-ring-color: rgba(16, 185, 129, 0.25);
}

/* Button overrides for authentication pages */
.abp-account-layout .btn-primary {
    background-color: #10b981;
    border-color: #10b981;
    color: #fff;
}

.abp-account-layout .btn-primary:hover {
    background-color: #059669;
    border-color: #059669;
    color: #fff;
}

.abp-account-layout .btn-primary:focus,
.abp-account-layout .btn-primary:active,
.abp-account-layout .btn-primary.active {
    background-color: #047857;
    border-color: #047857;
    box-shadow: 0 0 0 0.25rem rgba(16, 185, 129, 0.5);
}

.abp-account-layout .btn-primary:disabled {
    background-color: #10b981;
    border-color: #10b981;
    opacity: 0.65;
}

/* Outline button variant */
.abp-account-layout .btn-outline-primary {
    color: #10b981;
    border-color: #10b981;
}

.abp-account-layout .btn-outline-primary:hover {
    color: #fff;
    background-color: #10b981;
    border-color: #10b981;
}

.abp-account-layout .btn-outline-primary:focus,
.abp-account-layout .btn-outline-primary:active,
.abp-account-layout .btn-outline-primary.active {
    color: #fff;
    background-color: #10b981;
    border-color: #10b981;
    box-shadow: 0 0 0 0.25rem rgba(16, 185, 129, 0.5);
}

/* Form control focus state */
.abp-account-layout .form-control:focus {
    border-color: #6ee7b7;
    box-shadow: 0 0 0 0.25rem rgba(16, 185, 129, 0.25);
}

/* Links and other primary-colored elements */
.abp-account-layout a {
    color: #10b981;
}

.abp-account-layout a:hover {
    color: #059669;
}

/* Custom checkbox and radio buttons */
.abp-account-layout .form-check-input:checked {
    background-color: #10b981;
    border-color: #10b981;
}

.abp-account-layout .form-check-input:focus {
    border-color: #6ee7b7;
    box-shadow: 0 0 0 0.25rem rgba(16, 185, 129, 0.25);
}

/* Also apply emerald theme to the initial authentication selection page */
.account-column .btn-primary {
    background-color: #10b981;
    border-color: #10b981;
    color: #fff;
}

.account-column .btn-primary:hover {
    background-color: #059669;
    border-color: #059669;
    color: #fff;
}

.account-column .btn-primary:focus,
.account-column .btn-primary:active {
    background-color: #047857;
    border-color: #047857;
    box-shadow: 0 0 0 0.25rem rgba(16, 185, 129, 0.5);
}

.account-column .btn-outline-primary {
    color: #10b981;
    border-color: #10b981;
}

.account-column .btn-outline-primary:hover {
    color: #fff;
    background-color: #10b981;
    border-color: #10b981;
}

/* Password visibility toggle button */
.abp-account-layout .btn-secondary,
.account-column .btn-secondary {
    background-color: #10b981;
    border-color: #10b981;
    color: #fff;
}

.abp-account-layout .btn-secondary:hover,
.account-column .btn-secondary:hover {
    background-color: #059669;
    border-color: #059669;
    color: #fff;
}

.abp-account-layout .btn-secondary:focus,
.abp-account-layout .btn-secondary:active,
.account-column .btn-secondary:focus,
.account-column .btn-secondary:active {
    background-color: #047857;
    border-color: #047857;
    box-shadow: 0 0 0 0.25rem rgba(16, 185, 129, 0.5);
}

/* Input group text (for password toggle) */
.abp-account-layout .input-group-text,
.account-column .input-group-text {
    background-color: #10b981;
    border-color: #10b981;
    color: #fff;
}

.abp-account-layout .input-group .btn,
.account-column .input-group .btn {
    border-color: #10b981;
}