/* Neutral template defaults. Per-customer values are injected at runtime by <BrandStyle/>
   from customer.json (see docs/superpowers/specs/2026-07-23-neutral-platform-template-design.md).
   Change colours there, not here. */
:root {
    --brand-surface: #FAFAFA;
    --brand-ink: #1E293B;
    --brand-accent: #3E5C76;
    --brand-grey: #64748B;
    --brand-lightblue: #7C93A8;
    --brand-blue: #2C3E50;

    --body-font: 'Lexend', sans-serif;
}

html, body {
    font-family: var(--body-font);
    font-weight: 300;
    background-color: var(--brand-surface);
    color: var(--brand-ink);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--body-font);
    font-weight: 300;
    color: var(--brand-ink);
}

.emphasis {
    font-weight: 600;
}

/* Pages that mark an area with .report-print-area print only that area ("Save as PDF" export).
   Scoped with :has so this only applies to pages that actually contain such an area — without
   it, `body * { visibility: hidden; }` blanked every other page's printout, since @media print
   has no notion of "current page". Evergreen-browsers-only, fine for this Blazor Server app. */
@media print {
    body:has(.report-print-area) * { visibility: hidden; }
    body:has(.report-print-area) .report-print-area,
    body:has(.report-print-area) .report-print-area * { visibility: visible; }
    body:has(.report-print-area) .report-print-area { position: absolute; left: 0; top: 0; width: 100%; }
}