/* ERZEUGT von scripts/website-bauen.py aus src/Preventra.Web/wwwroot/css/app.css.
   Nicht von Hand ändern — Änderungen gehören in app.css. */

@font-face {
    font-family: "Google Sans Flex";
    src: url("../fonts/google-sans-flex.woff2") format("woff2");
    font-weight: 300 700;
    font-style: normal;
    font-display: swap;
}

:root {
    color-scheme: light;
    --color-canvas: #f5f4f8;
    --color-surface: #ffffff;
    --color-surface-hover: #f7f6fa;
    --color-surface-pressed: #eeecf3;
    --color-stroke: #e6e3ec;
    --color-stroke-strong: #c8c6c4;
    --color-stroke-accessible: #616161;
    --color-text: #242424;
    --color-text-secondary: #4d4d4d;
    --color-text-disabled: #767676;
    --color-accent: #6f01f5;
    --color-accent-hover: #5c00cc;
    --color-accent-bg: #6f01f5;
    --color-accent-bg-hover: #5c00cc;
    --color-accent-bg-pressed: #190333;
    --color-on-accent: #ffffff;
    --color-qr-grund: #ffffff;
    --color-accent-subtle: #ebe8f2;
    --color-accent-tint: #f1ebfe;
    --color-marke-signet: #6f01f5;
    --color-marke-schrift: #1d1d1b;
    --color-markenflaeche: #190333;
    --color-auf-markenflaeche: #ffffff;
    --color-auf-markenflaeche-neben: #d8cdf0;
    --color-markenflaeche-zeichen: #24094a;
    --color-nachricht-eigen: #f1ebfe;
    --color-nachricht-fremd: #f2f0f6;
    --color-link: #4b2a8a;
    --color-link-hover: #6f01f5;
    --color-danger: #a4262c;
    --color-danger-subtle: #fdf3f4;
    --color-warning: #7a4d05;
    --color-warning-subtle: #fff4ce;
    --color-success: #0e700e;
    --color-success-subtle: #f1faf1;
    --color-info: var(--color-link);
    --color-info-subtle: #f5f4f8;
    --color-datei-pdf: #b8232f;
    --color-datei-word: #185abd;
    --color-datei-excel: #0e6e35;
    --color-datei-powerpoint: #b7472a;
    --color-datei-bild: #7160a8;
    --shadow-2: 0 1px 2px rgba(25, 3, 51, 0.04), 0 4px 16px rgba(25, 3, 51, 0.05);
    --shadow-4: 0 2px 4px rgba(25, 3, 51, 0.05), 0 8px 24px rgba(25, 3, 51, 0.08);
    --shadow-8: 0 4px 8px rgba(25, 3, 51, 0.06), 0 16px 40px rgba(25, 3, 51, 0.12);
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-pill: 999px;
    --space-xs: 4px;
    --space-s: 8px;
    --space-m: 12px;
    --space-l: 16px;
    --space-xl: 24px;
    --space-xxl: 32px;
    --topbar-height: 48px;
    --nav-width: 228px;
    --control-height: 36px;
    --font-family: "Google Sans Flex", "Segoe UI Variable Text", "Segoe UI", -apple-system,
        BlinkMacSystemFont, system-ui, "Helvetica Neue", Arial, sans-serif;
    --font-size-caption: 12px;
    --font-size-body: 14px;
    --font-size-subtitle: 16px;
    --font-size-section: 18px;
    --font-size-title: 20px;
    --font-size-display: 32px;
}