/* PrimeVue token bridge for legacy Bootstrap utility classes */

:root {
    --primary: var(--p-primary-color, #fb9678) !important;
    --primary-50: var(--p-primary-50, #fb9678) !important;
    --primary-100: var(--p-primary-100, #fb9678) !important;
    --primary-200: var(--p-primary-200, #fb9678) !important;
    --primary-300: var(--p-primary-300, #fb9678) !important;
    --primary-400: var(--p-primary-400, #fb9678) !important;
    --primary-500: var(--p-primary-500, #fb9678) !important;
    --primary-600: var(--p-primary-600, #fb9678) !important;
    --primary-700: var(--p-primary-700, #fb9678) !important;
    --primary-800: var(--p-primary-800, #fb9678) !important;
    --primary-900: var(--p-primary-900, #fb9678) !important;
}

.bg-primary {
    background-color: var(--p-primary-color, #fb9678) !important;
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: var(--p-primary-600, var(--p-primary-color, #fb9678)) !important;
}


/* PrimeVue token bridge for legacy Bootstrap button classes */
.btn-primary {
    background-color: var(--p-primary-color, #fb9678) !important;
    border-color: var(--p-primary-color, #fb9678) !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--p-primary-600, var(--p-primary-color, #fb9678)) !important;
    border-color: var(--p-primary-600, var(--p-primary-color, #fb9678)) !important;
}

.btn-primary:active {
    background-color: var(--p-primary-700, var(--p-primary-color, #fb9678)) !important;
    border-color: var(--p-primary-700, var(--p-primary-color, #fb9678)) !important;
}

.btn-primary:disabled {
    background-color: var(--p-primary-300, var(--p-primary-color, #fb9678)) !important;
    border-color: var(--p-primary-300, var(--p-primary-color, #fb9678)) !important;
    opacity: 0.6;
}

.btn-primary:disabled:hover,
.btn-primary:disabled:focus {
    background-color: var(--p-primary-300, var(--p-primary-color, #fb9678)) !important;
    border-color: var(--p-primary-300, var(--p-primary-color, #fb9678)) !important;
    opacity: 0.6;
}

.btn-primary:active:hover,
.btn-primary:active:focus {
    background-color: var(--p-primary-800, var(--p-primary-color, #fb9678)) !important;
    border-color: var(--p-primary-800, var(--p-primary-color, #fb9678)) !important;
}

.btn-primary:active:disabled {
    background-color: var(--p-primary-300, var(--p-primary-color, #fb9678)) !important;
    border-color: var(--p-primary-300, var(--p-primary-color, #fb9678)) !important;
    opacity: 0.6;
}

/* PrimeVue token bridge for legacy Bootstrap link classes */
.theme-links {
    color: var(--p-primary-color, #fb9678) !important;
}

/* Dark-mode bridge for pre-auth legacy layouts that do not load the Vite app. */
html.dark body.card-no-border,
html.dark .login-register {
    background-color: var(--p-surface-950, #050b16);
    color: var(--p-text-color, #f8fafc);
}

html.dark .background svg {
    filter: saturate(0.85) brightness(0.75);
    opacity: 0.22;
}

html.dark .login-box,
html.dark .login-box.card,
html.dark .login-box .card,
html.dark .login-box .card-body {
    background: var(--p-surface-900, #0f172a);
    color: var(--p-text-color, #f8fafc);
}

html.dark .login-box {
    border: 1px solid var(--p-surface-700, #334155);
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.45);
}

html.dark .login-box .box-title,
html.dark .login-box label,
html.dark .login-box .support-note {
    color: var(--p-text-color, #f8fafc);
}

html.dark .login-box .text-muted,
html.dark .login-box .form-text {
    color: var(--p-text-muted-color, #cbd5e1) !important;
}

html.dark .login-box .form-control {
    background-color: var(--p-surface-800, #1e293b);
    color: var(--p-text-color, #f8fafc);
    border-color: var(--p-surface-700, #334155);
}

html.dark .login-box .form-control::placeholder {
    color: var(--p-text-muted-color, #94a3b8);
}

html.dark .login-box .form-control:focus {
    color: var(--p-text-color, #f8fafc);
}

html.dark .login-box .form-control-feedback {
    color: var(--p-text-muted-color, #94a3b8);
}

html.dark .login-box .custom-control-label::before {
    background-color: var(--p-surface-800, #1e293b);
    border-color: var(--p-surface-600, #475569);
}