/* Erzeugt aus themes/der-nachweis/theme.json — NICHT von Hand pflegen. Siehe themes/AGENTS.md. */
@font-face {
    font-family: 'IBM Plex Sans';
    src: url('/theme/fonts/IBMPlexSans-Variable.woff2') format('woff2-variations');
    font-weight: 100 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'IBM Plex Mono';
    src: url('/theme/fonts/IBMPlexMono-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'IBM Plex Mono';
    src: url('/theme/fonts/IBMPlexMono-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
:root {
    --primary: #23313d;
    --primary-strong: #16202a;
    --primary-soft: #eef1f3;
    --primary-muted: #f7f9fa;
    --accent: #c0432c;
    --accent-soft: #fbeeeb;
    --ok: #1c6b53;
    --ok-soft: #e8f2ee;
    --warn: #8a5a00;
    --warn-soft: #fdf3e0;
    --danger: #a11d2b;
    --danger-soft: #fbe9eb;
    --info: #3d5a73;
    --info-soft: #eaf0f5;
    --surface: #eef1f3;
    --surface-low: #f7f9fa;
    --surface-card: #ffffff;
    --surface-hover: #f7f9fa;
    --text: #23313d;
    --text-secondary: #23313d;
    --text-muted: #5b6b78;
    --text-faint: #65727d;
    --outline: #b4bfc7;
    --flaeche-login: var(--primary);
    --flaeche-kopf: var(--primary);
    --flaeche-rabatt: var(--accent-a06);
    --flaeche-gruppenaktion: var(--primary-a06);
    --flaeche-warnung: var(--warn-soft);
    --primary-a10: rgba(35, 49, 61, 0.1);
    --primary-a08: rgba(35, 49, 61, 0.08);
    --primary-a15: rgba(35, 49, 61, 0.15);
    --primary-a06: rgba(35, 49, 61, 0.06);
    --primary-a03: rgba(35, 49, 61, 0.03);
    --accent-a06: rgba(192, 67, 44, 0.06);
    --warn-a12: rgba(138, 90, 0, 0.12);
    --warn-a35: rgba(138, 90, 0, 0.35);
    --warn-a20: rgba(138, 90, 0, 0.2);
    --danger-a25: rgba(161, 29, 43, 0.25);
    --danger-a04: rgba(161, 29, 43, 0.04);
    --danger-a08: rgba(161, 29, 43, 0.08);
    --radius-sm: 2px;
    --radius-md: 4px;
    --radius-lg: 8px;
    --radius-xl: 8px;
    --radius-pill: 999px;
    --shadow-color: rgba(35, 49, 61, 0.06);
    --shadow-sm: 0 1px 2px rgba(35, 49, 61, 0.06);
    --shadow-md: 0 8px 24px rgba(35, 49, 61, 0.14);
    --shadow-lg: 0 8px 24px rgba(35, 49, 61, 0.14);
    --shadow-glow-primary: 0 8px 24px rgba(35, 49, 61, 0.15);
    --font-display: 'IBM Plex Sans', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
    --font-body: 'IBM Plex Sans', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
    --font-mono: 'IBM Plex Mono', ui-monospace, Consolas, monospace;
}