/* Projekt-Basis – nutzt ausschließlich Design-System-Tokens (keine hardcodierten Werte, ADR 0004) */
:root {
    color-scheme: light;

    /* Radien-Skala — abschließend und global (Report, Navigation, Landing, Admin).
       Jeder `border-radius` im Projekt nutzt eines dieser Tokens; der Test
       tests/Frontend/StyleguideRegelnTest.php lässt sonst nichts durch. Ein
       neuer Zwischenwert ist keine Gestaltungsfreiheit, sondern Drift: entweder
       passt ein Token, oder die Skala bekommt hier bewusst einen Eintrag. */
    --radius-lg: 16px;    /* große Flächen: Karten, Panels, Modals */
    --radius-md: 12px;    /* Karten, Felder, Bildflächen */
    --radius-sm: 8px;     /* kleine Kacheln, Chips, Zellen */
    --radius-ctrl: 10px;  /* Controls: neutrale Knöpfe, Eingabefelder, Menüzeilen */
    --radius-cta: 5px;    /* Conversion-Knopf — Styleguide-fixiert, nie runder */
    --radius-xs: 4px;     /* dünne Balken, Fokus-Rahmen */
    --radius-hair: 3px;   /* Marker-Flächen im Fließtext (.cs-mark) */
    --radius-pill: 999px; /* Status-Labels, Chips, Filter — nie für ZAHLEN,
                             siehe „Zahlen sind Kacheln" im Styleguide */
}

html {
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    font-family: 'Outfit', ui-sans-serif, system-ui, -apple-system, sans-serif;
    background: var(--background, #fff);
    color: var(--foreground, #1a1b1f);
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
}