/* Third Wheel brand palette — scoped to Razor Pages (login, register, admin)
   via _Layout.cshtml. Loaded after app.css so these values override the
   shared indigo defaults. */

:root {
    --bs-primary-rgb: 229, 19, 138;
    --bs-primary: #e5138a;
    --bs-primary-bg-subtle: #fde4ef;
    --bs-link-color: #0b2077;
    --bs-link-hover-color: #060f3a;
    --bs-body-color: #0b2077;
    --bs-body-bg: #f8fafc;
    --app-navbar-bg: #0f172a;

    --brand-secondary: #269dd8;
    --brand-purple: #9b3199;
    --brand-navy: #0b2077;
}

/* Restore light theme for admin/web Razor pages — undoes the dark client
   overrides introduced in app.css. */

h1, h2, h3, h4, h5, h6 {
    color: #0f172a;
}

.card {
    border: 1px solid #e2e8f0;
    background: white;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
}

.card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.app-footer {
    border-top: 1px solid #e2e8f0;
    color: #94a3b8;
}

.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: #c0106f;
    --bs-btn-hover-border-color: #c0106f;
    --bs-btn-active-bg: #9c0d5b;
    --bs-btn-focus-shadow-rgb: 229, 19, 138;
}

.app-brand-img {
    height: 2.25rem;
    width: auto;
    display: block;
}