/* Brücke: die Token-Namen der App zeigen auf die Fahrnova-Tokens.
   ===============================================================
   Die App hat rund 60 komponenten-isolierte Stylesheets, die alle über `--color-*`, `--space-*`,
   `--radius*`, `--shadow*` und `--font-size-*` arbeiten — kein einziger Hex-Wert steht darin
   (nachgeprüft). Genau das macht den Wechsel auf Fahrnova hier möglich: diese Datei belegt die
   bekannten Namen mit den Werten aus `fahrnova-tokens.css` neu, und damit trägt die ganze
   Oberfläche die neue Designsprache — ohne dass 60 Dateien angefasst werden müssten.

   Regeln:
   - Hier steht KEIN eigener Farbwert. Jede Zeile ist eine Zuordnung auf ein `--fn-`-Token.
   - Fehlt im Handoff ein Wert, steht er in `fahrnova-erweiterung.css`, nicht hier.
   - Neu geschriebene Komponenten benutzen direkt `--fn-*`; die Brücke ist für den Bestand.

   Ladereihenfolge in App.razor:
     fahrnova-tokens.css → fahrnova-erweiterung.css → tokens.css → app.css

   Die dunkle Darstellung braucht hier nichts: sie belegt in `fahrnova-erweiterung.css` die
   `--fn-*`-Token unter [data-theme="dark"] neu, und weil diese Datei nur auf sie verweist,
   folgt sie automatisch. */
:root {
    /* --- Marke und Aktionen --------------------------------------------------
       Der Primärknopf ist in Fahrnova das dunkle Marineblau (--fn-accent), nicht das Türkis:
       „Türkis ist Signal, nicht Fläche" (README, Designsprache Satz 2). */
    --color-primary: var(--fn-accent);
    --color-primary-hover: var(--fn-accent-hover);
    --color-primary-contrast: var(--fn-accent-text);

    /* Links tragen das Türkis als SCHRIFT (kontraststarke Stufe), nicht die Flächenfarbe. */
    --color-link: var(--fn-copper-text);
    --color-link-hover: var(--fn-nav-bg);

    /* --- Flächen --- */
    --color-bg: var(--fn-bg);
    --color-surface: var(--fn-surface);
    --color-surface-alt: var(--fn-sunken);
    --color-border: var(--fn-hairline);
    --color-text: var(--fn-text);
    --color-text-muted: var(--fn-muted);

    /* --- Status: Flächen sind Tints, Schrift ist die dunklere `-text`-Stufe.
       Nie die Flächenfarbe als Schriftfarbe (BLAZOR.md §6). --- */
    --color-error: var(--fn-error-text);
    --color-error-bg: var(--fn-tint-error);
    --color-warning: var(--fn-warn-text);
    --color-warning-bg: var(--fn-tint-warn);
    --color-success: var(--fn-ok-text);
    --color-success-bg: var(--fn-tint-ok);
    --color-info: var(--fn-info-text);
    --color-info-bg: var(--fn-tint-info);

    /* Fokus ist in Fahrnova immer das Türkis, 2 px, Offset 2 px. */
    --color-focus: var(--fn-copper);

    /* --- Abwesenheitsarten (Arbeitszeiten) --- */
    --color-feiertag-bg: var(--fn-abw-feiertag-bg);
    --color-feiertag-text: var(--fn-abw-feiertag-text);
    --color-krank-bg: var(--fn-abw-krank-bg);
    --color-krank-text: var(--fn-abw-krank-text);
    --color-urlaub-bg: var(--fn-abw-urlaub-bg);
    --color-urlaub-text: var(--fn-abw-urlaub-text);
    --color-unbezahlt-bg: var(--fn-abw-unbezahlt-bg);
    --color-unbezahlt-text: var(--fn-abw-unbezahlt-text);
    --color-konto-bg: var(--fn-abw-konto-bg);
    --color-konto-text: var(--fn-abw-konto-text);
    --color-sonstiges-bg: var(--fn-abw-sonstiges-bg);
    --color-sonstiges-text: var(--fn-abw-sonstiges-text);

    /* --- Navigationsschiene: in Fahrnova auch im hellen Modus dunkel („zwei Welten"). --- */
    --color-sidebar-bg: var(--fn-nav-bg);
    --color-sidebar-text: var(--fn-nav-text);
    --color-sidebar-text-muted: var(--fn-nav-muted);
    --color-sidebar-hover: var(--fn-nav-tint);
    --color-sidebar-border: var(--fn-nav-line);
    --color-sidebar-active-bg: var(--fn-nav-active-bg);
    --color-sidebar-active-text: var(--fn-nav-active-text);
    --color-topbar-bg: var(--fn-surface);

    /* Alte Kopfzeilen-Token (Bestand). */
    --color-header-bg: var(--fn-nav-bg);
    --color-header-text: var(--fn-nav-text);

    /* --- Abdeckungen und Trennlinien --- */
    --color-scrim: var(--fn-scrim);
    --color-divider: var(--fn-hairline);

    /* --- Typografie: Inter, und die dichtere Fahrnova-Staffel --------------------
       Die Oberfläche ist bewusst kompakt — sie wird acht Stunden am Tag benutzt
       (README, Designsprache Satz 5). */
    --font-family: var(--fn-font);
    --font-size-xs: var(--fn-fs-micro);   /* 11.5px — Hilfstext */
    --font-size-sm: var(--fn-fs-meta);    /* 12.5px — Meta, Krume, Knöpfe */
    --font-size-base: var(--fn-fs-body);  /* 13.5px — Fließtext */
    --font-size-lg: var(--fn-fs-card);    /* 14.5px — Kartentitel */
    --font-size-xl: 19px;                 /* Detailkarten-Titel (App.dc.html) */
    --font-size-xxl: var(--fn-fs-h1);     /* 27px — Seitentitel */
    --font-size-kicker: var(--fn-fs-kicker);
    --font-size-row: var(--fn-fs-row);

    /* --- Abstände: Fahrnova-Raster (Vielfache von 2) --- */
    --space-1: var(--fn-gap-1);  /* 4px */
    --space-2: var(--fn-gap-2);  /* 8px */
    --space-3: var(--fn-gap-3);  /* 10px */
    --space-4: var(--fn-gap-4);  /* 14px */
    --space-6: var(--fn-gap-6);  /* 24px */
    --space-8: var(--fn-gap-8);  /* 32px */

    /* --- Form & Flächen --- */
    --radius-sm: var(--fn-r-ctrl);   /* 8px — Knöpfe, Felder, Tabs */
    --radius: var(--fn-r-panel);     /* 12px — Panels */
    --radius-card: var(--fn-r-card); /* 14px — Karten */
    --radius-pill: var(--fn-r-pill);
    --shadow: var(--fn-shadow-card);
    --shadow-tab: var(--fn-shadow-tab);
    --shadow-lg: var(--fn-shadow-modal);

    /* --- Maße des App-Rahmens --- */
    --sidebar-breite: var(--fn-nav-width);              /* 244px, fix */
    --sidebar-breite-schmal: var(--fn-nav-width-schmal); /* 64px */
    --topbar-hoehe: var(--fn-topbar-hoehe);             /* 44px */
    --seitenrand: var(--fn-pad-page-x);                 /* 28px */
}