/* Only what MudTheme (Components/Layout/AppTheme.cs) can't express. Colours come from the theme's palette variables
   where one exists. */

.app-bar {
    border-bottom: 3px solid var(--mud-palette-primary);
}

/* Darker red on the tint: the brand red there is 4.43:1, below WCAG AA; #A8191F is 6.35:1. */
.mud-nav-link.active:not(.mud-nav-link-disabled) {
    background-color: #FBE9EA;
    color: var(--mud-palette-primary-darken);
}

.mud-card {
    border-radius: 12px;
}

.mud-dialog {
    border-radius: 14px;
}

.signin-backdrop {
    background-color: var(--mud-palette-appbar-background);
    min-height: 100vh;
}

.signin-card {
    border-radius: 14px;
    border-top: 4px solid var(--mud-palette-primary);
}

.signin-or {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 16px 0;
    color: var(--mud-palette-text-secondary);
}

.signin-or::before,
.signin-or::after {
    content: "";
    flex: 1;
    border-top: 1px solid var(--mud-palette-lines-default);
}

.getting-started-steps {
    list-style: none;
    margin: 0;
}

code,
kbd,
pre,
.mono {
    font-family: "Cascadia Code", Consolas, monospace;
}