/* 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;
}

/* Admin / Razor-Pages top bar: dark navy background to match mobile and the
   Blazor browser bar, so the brand's pink-and-blue LogoType reads with full
   contrast. The bar itself goes dark even though the page body keeps the
   light theme below it. */
.app-admin-navbar {
    background-color: var(--app-navbar-bg);
}

.app-admin-navbar .nav-link:hover,
.app-admin-navbar .dropdown-toggle:hover,
.app-admin-navbar a:hover {
    color: #ffffff;
}