:root {
    --osram-cream: #FDF6F1;
    --osram-ink: #1D252D;
    --osram-orange: #FD5000;
    --osram-grey: #46555F;
    --osram-lightblue: #00ADFD;
    --osram-blue: #0070CF;

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

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

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

.emphasis {
    font-weight: 600;
}

/* Besuchsvorbereitung: browser print shows only the report cards ("Save as PDF" export).
   Scoped with :has so this only applies to pages that actually contain a .report-print-area —
   without it, `body * { visibility: hidden; }` blanked every other page's printout (Kundenliste
   etc.) since @media print has no notion of "current page". Evergreen-browsers-only, which is
   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%; }
}