/* ========================================
   LOGIN PAGE STYLES
   Gothic themed login interface
   ======================================== */

/* Bootstrap utilities handle: .d-flex .align-items-center .justify-content-center .min-vh-100 .p-4 */
/* Bootstrap .card component with custom theming in bootstrap-overrides.css */

/* Bootstrap .card-title handles login title styling */
/* Bootstrap opacity utilities handle subtitle styling */
/* Bootstrap .alert component handles error/success messages */
/* Bootstrap form utilities handle form layout */
/* Bootstrap .btn component handles button styling */
/* Bootstrap utilities handle links: .mt-4 .pt-3 .text-center .border-top */

/* Login subtitle and helper text — use theme token (plan/css-refactor-inventory.md) */
.login-subtitle {
    color: var(--vbn-text-soft);
    font-family: var(--font-body), 'Source Serif Pro', serif;
}

.login-helper {
    color: var(--vbn-text-soft);
    font-family: var(--font-body), 'Source Serif Pro', serif;
    font-size: 0.9em;
}

/* Card width: max-width only; .w-100 on markup */
.login-page-card {
    max-width: 450px;
}