/**
 * Typografie-Tokens. Basierend auf der Slate-Design-Spezifikation §3.
 * Schriftarten werden über Google Fonts geladen (siehe Konsumenten-Setup
 * in UI_KIT_PRD.md §7) - dieses File definiert nur die Variablen, nicht
 * den Font-Import selbst, da der Import projektabhängig (z.B. <link> im
 * jeweiligen index.html) erfolgen sollte.
 */

:root {
    --font-ui: 'Hanken Grotesk', system-ui, -apple-system, sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, monospace;

    /* Größen-Hierarchie (px / weight / letter-spacing) */
    --text-heading-xl-size: 28px;
    --text-heading-xl-weight: 700;
    --text-heading-xl-spacing: -0.02em;

    --text-page-title-size: 22px;
    --text-page-title-weight: 700;

    --text-modal-title-size: 21px;
    --text-modal-title-weight: 700;

    --text-section-size: 16px;
    --text-section-weight: 700;

    --text-card-title-size: 14.5px;
    --text-card-title-weight: 700;

    --text-body-size: 14px;
    --text-body-weight: 400;
    --text-body-line-height: 1.7;

    --text-ui-default-size: 13.25px;
    --text-ui-default-weight: 500;

    --text-caption-size: 12px;
    --text-caption-weight: 500;

    --text-label-mono-size: 10.75px;
    --text-label-mono-weight: 600;
    --text-label-mono-spacing: 0.065em;
}