/*
 * e-design – Design-Tokens
 * Gemeinsame Farb-/Schrift-/Abstands-Basis für die gesamte Tool-Familie.
 * Nur Werte, keine Regeln – die eigentlichen Bauteile stehen in
 * components.css. So kann jedes Tool die Töne bei Bedarf lokal
 * überschreiben (neue Werte auf :root setzen, NACH dieser Datei laden),
 * ohne components.css anfassen zu müssen.
 */
:root {
    /* Primärfarbe (dunkelblau) */
    --e-color-primary: #1b3a66;
    --e-color-primary-dark: #142b4d;
    --e-color-primary-contrast: #ffffff;

    /* Akzentfarbe (gold/gelb) – sparsam einsetzen, für Hervorhebungen */
    --e-color-accent: #f2c230;
    --e-color-accent-dark: #d9a90f;
    --e-color-accent-contrast: #1b3a66;

    /* Sekundärfarbe (hellblau) */
    --e-color-secondary: #2e93c4;
    --e-color-secondary-dark: #1f6f9a;

    /* Neutrale Töne */
    --e-color-ink: #1a1a1a;
    --e-color-muted: #555555;
    --e-color-subtle: #777777;
    --e-color-border: #cccccc;
    --e-color-border-strong: #666666;
    --e-color-surface: #ffffff;
    --e-color-bg: #ffffff;
    --e-color-bg-subtle: #f4f4f4;

    /* Status-Farben (bleiben nah an der Konvention Rot=Fehler/Grün=Erfolg,
       damit die Bedeutung unabhängig vom Marken-Blau/Gelb erkennbar bleibt) */
    --e-color-success: #1e8449;
    --e-color-success-bg: #eafaf1;
    --e-color-success-text: #145a32;
    --e-color-danger: #c0392b;
    --e-color-danger-bg: #fdecea;
    --e-color-danger-text: #7a1f14;
    --e-color-warning-bg: #ffe8cc;
    --e-color-warning-text: #7a3e00;
    --e-color-neutral-bg: #eeeeee;
    --e-color-neutral-text: #444444;

    /* Typografie */
    --e-font-sans: 'Work Sans', system-ui, -apple-system, sans-serif;
    --e-weight-regular: 400;
    --e-weight-medium: 500;
    --e-weight-semibold: 600;
    --e-weight-bold: 700;
    --e-weight-extrabold: 800;

    /* Radien */
    --e-radius-sm: 4px;
    --e-radius-md: 6px;
    --e-radius-lg: 8px;
    --e-radius-pill: 999px;

    /* Fokus-Ring (Barrierefreiheit – Kontrast bewusst kräftig) */
    --e-focus-ring: 3px solid var(--e-color-primary);
    --e-focus-ring-offset: 1px;
}