/* Vril Chat — Familjen Grotesk (site-wide). Loaded from Google Fonts in App.razor. */

:root {
    --vril-font-sans: "Familjen Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
    --tblr-font-sans-serif: var(--vril-font-sans);
    --tblr-body-font-family: var(--vril-font-sans);
    --bs-font-sans-serif: var(--vril-font-sans);
    --bs-body-font-family: var(--vril-font-sans);
}

html,
body {
    font-family: var(--vril-font-sans);
}

/* Tabler / Bootstrap components */
body,
.page,
.card,
.btn,
.form-control,
.form-select,
.dropdown-menu,
.modal,
.navbar,
.table,
.badge,
.alert,
.nav-link,
.page-title,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
button {
    font-family: var(--vril-font-sans);
}

/* Quill editor */
.ql-container,
.ql-editor,
.ql-toolbar {
    font-family: var(--vril-font-sans) !important;
}

/* ── Global text scale (2× root, set in site.css) ─────────────────────────
   Load this file last in App.razor so compact utilities are not stuck tiny. */

body {
    font-size: 1rem;
    line-height: 1.5;
}

.small,
small {
    font-size: 0.9375rem !important;
}

.btn-sm {
    font-size: 0.9375rem !important;
}

.form-control-sm,
.form-select-sm {
    font-size: 1rem !important;
}

.form-label,
.col-form-label {
    font-size: 1rem;
}

.table {
    font-size: 1rem;
}

.dropdown-item {
    font-size: 1rem;
}

.badge {
    font-size: 0.85em;
}

.modal-title {
    font-size: 1.35rem;
}

.nav-link {
    font-size: 1rem;
}

.ql-editor {
    font-size: 1.0625rem !important;
    line-height: 1.55 !important;
}

/* Blazor / Tabler page chrome */
.page-title {
    font-size: 1.75rem;
}

.page-pretitle {
    font-size: 1rem;
}