/*
 * Design-Tokens nach PRD 12.1 bis 12.3.
 *
 * Diese Datei ist die EINZIGE Stelle mit rohen Farbwerten. Jede Komponente
 * benutzt ausschliesslich die Tokens, damit das Farbthema (Aufgabe 10.2)
 * spaeter zentral getauscht werden kann.
 */

:root {
    /* Basis-Tokens (PRD 12.1) */
    --color-primary: #0ea5b7;
    --color-accent: #0b8695;
    --color-background: #f5f8fa;
    --color-surface: #ffffff;
    --color-text: #0f2030;
    --color-muted: #5b6b7b;
    --color-border: #e3e9ef;

    /* Semantische Aliase: Komponenten benutzen die Absicht, nicht die Rohfarbe */
    --color-on-primary: #ffffff;
    --flaeche-rahmen: var(--color-border);

    /* Typografie (PRD 12.2) */
    --schrift: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --schrift-mono: ui-monospace, "SF Mono", Consolas, monospace;

    /* Abstaende (PRD 12.3): 4, 8, 12, 16, 24, 32, 48 */
    --abstand-1: 4px;
    --abstand-2: 8px;
    --abstand-3: 12px;
    --abstand-4: 16px;
    --abstand-5: 24px;
    --abstand-6: 32px;
    --abstand-7: 48px;
}