/* Werte aus MIB-Designsystem/project/tokens.json. Bei Änderungen dort nachziehen. */
@font-face { font-family: "Archivo"; src: url("../fonts/archivo-v25-latin-regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Archivo"; src: url("../fonts/archivo-v25-latin-600.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Archivo"; src: url("../fonts/archivo-v25-latin-700.woff2") format("woff2"); font-weight: 700; font-display: swap; }

:root {
  --surface: #ffffff;
  --surface-alt: #f5f5f4;
  --ink: #1a1a1a;
  --ink-muted: #6b6b65;
  --accent: #95958e;
  --on-accent: #ffffff;
  --border: #e5e7eb;
  --eyebrow: #6b6b65;            /* accent trägt auf Weiß erst ab 24 px */
  --balken: #d6d6d2;
  --status-critical: #9f0712;
  --status-critical-bg: #fef2f2;
  --status-warning: #973c00;
  --status-warning-bg: #fffbeb;
  --status-ok: #016630;
  --status-ok-bg: #f0fdf4;

  --sans: "Archivo", system-ui, sans-serif;
  --mono: Menlo, Consolas, monospace;

  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-6: 24px; --space-8: 32px; --space-12: 48px;
  --radius-sm: 4px; --radius-lg: 8px; --radius-xl: 12px; --radius-full: 9999px;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --surface: #1a1a1a;
  --surface-alt: #252525;
  --ink: #ffffff;
  --ink-muted: #d1d5dc;
  --accent: #95958e;
  --on-accent: #1a1a1a;
  --border: #ffffff1a;
  --eyebrow: #95958e;
  --balken: #ffffff33;
  --status-critical: #ffa2a2;
  --status-critical-bg: #460809;
  --status-warning: #ffd230;
  --status-warning-bg: #461901;
  --status-ok: #7bf1a8;
  --status-ok-bg: #032e15;
}

/* Dieselben dunklen Werte, wenn kein data-theme gesetzt ist und das Gerät dunkel eingestellt ist. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --surface: #1a1a1a;
    --surface-alt: #252525;
    --ink: #ffffff;
    --ink-muted: #d1d5dc;
    --accent: #95958e;
    --on-accent: #1a1a1a;
    --border: #ffffff1a;
    --eyebrow: #95958e;
    --balken: #ffffff33;
    --status-critical: #ffa2a2;
    --status-critical-bg: #460809;
    --status-warning: #ffd230;
    --status-warning-bg: #461901;
    --status-ok: #7bf1a8;
    --status-ok-bg: #032e15;
  }
}