/*
 * Single source of truth for theming USER-GENERATED content.
 * Edit the variables — nothing else.
 *
 * System chrome colors live in iThink.Web/Theme/AppTheme.cs (MudBlazor palette).
 * This file covers what the *users* contribute: their names, timestamps, and the
 * body of their opinions. The classes below are referenced by name (never with
 * inline colors) from the relevant components.
 */
:root {
    --user-name-color: #1565C0;        /* author display name — accent blue */
    --user-time-color: #78909C;        /* posted-at timestamp — blue-gray */
    --user-content-color: #1565C0;     /* opinion body — vivid blue */
}

.user-name {
    color: var(--user-name-color);
    font-weight: 600;
}

.user-time {
    color: var(--user-time-color);
}

.user-content,
a.user-content,
a.user-content:hover,
a.user-content:visited,
a.user-content:active {
    color: var(--user-content-color);
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.45;
    text-decoration: none;
}