/* Layered imports for development (prefer bundles for production) */ @import url("/css/Identity/modern/core/00_tokens.css"); @import url("/css/Identity/modern/core/01_theme.light.css"); @import url("/css/Identity/modern/core/01_theme.dark.css"); @import url("/css/Identity/modern/core/02_base.css"); /* Components */ @import url("/css/Identity/modern/components/login.css"); .brand-chip .logo { max-width: 100%; max-height: 100%; object-fit: contain; display: block; } /* Default = light */ .brand-chip .logo-dark { display: none; } .brand-chip .logo-light { display: block; } /* When dark theme is active on */ body.theme-dark .brand-chip .logo-dark { display: block; } body.theme-dark .brand-chip .logo-light { display: none; } .app-footer { max-width: 1100px; margin: 24px auto; padding: 12px 20px; text-align: right; font-size: 0.875rem; color: rgba(255, 255, 255, 0.65); /* white with soft opacity for dark mode */ } /* Light theme footer text */ .theme-light .app-footer { color: rgba(0, 0, 0, 0.55); /* muted dark gray */ } a.back-link { text-decoration: none; font-size: 0.875rem; font-weight: 500; color: var(--login-primary); /* your brand blue */ transition: color 0.15s ease; } a.back-link:hover { color: var(--login-primary-2); /* darker brand blue on hover */ } a.back-link:visited { color: var(--login-primary); /* prevent purple visited links */ }