/* =====================================================================
   tokens.css — Design-Tokens (Theme „Stahlblau" · Dichte „Luftig").
   Aus dem Claude-Design-Handoff (reference/Projektakte-Vorschau.html)
   extrahiert. EIN fester Look: keine Theme-/Density-Umschaltung,
   alle Tokens sind Konstanten in :root.

   Wird app-weit als ERSTES Stylesheet geladen (vor bootstrap/app.css),
   damit die Variablen überall verfügbar sind. Reine Variablen-Definition
   ist nebenwirkungsfrei: sie verändert nichts, solange keine Regel sie nutzt.
   ===================================================================== */
:root {
  color-scheme: light;
  --font-sans: 'Manrope', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
  --page-bg: oklch(0.968 0.006 245);
  --surface: oklch(1 0 0);
  --surface-2: oklch(0.975 0.007 245);
  --ink: oklch(0.26 0.022 255);
  --muted: oklch(0.48 0.020 250);
  --faint: oklch(0.60 0.016 250);
  --border: oklch(0.910 0.009 245);
  --border-strong: oklch(0.85 0.013 245);
  --accent: oklch(0.515 0.135 248);
  --accent-ink: oklch(0.99 0.005 245);
  --accent-soft: oklch(0.935 0.035 248);
  --ok: oklch(0.54 0.105 165); --ok-soft: oklch(0.94 0.035 165);
  --warn: oklch(0.64 0.120 72); --warn-soft: oklch(0.95 0.045 76);
  --danger: oklch(0.54 0.160 25); --danger-soft: oklch(0.94 0.040 28);
  --info: oklch(0.55 0.105 245); --info-soft: oklch(0.94 0.035 245);
  --badge-bg: oklch(0.945 0.010 245); --badge-ink: oklch(0.40 0.020 250);
  --topbar: oklch(0.255 0.028 255);
  --topbar-ink: oklch(0.97 0.006 245);
  --topbar-muted: oklch(0.74 0.014 245);
  --topbar-field: oklch(0.31 0.026 255);
  --topbar-border: oklch(0.36 0.028 255);
  --pad: 22px; --gap: 18px; --row-pad-y: 13px; --row-pad-x: 16px; --card-pad: 22px;
  --section-gap: 16px; --head-pad: 26px; --content-pad: 28px; --topbar-h: 56px;
  --fs-base: 14px; --fs-sm: 12.5px; --fs-xs: 11.5px; --fs-title: 15px; --line: 1.45;
  --radius: 6px; --radius-pill: 5px; --radius-tag: 4px;
  --pill-pad: 4px 8px; --tag-pad: 2px 6px; --btn-pad: 8px 12px;
}

/* Monospace-Auszeichnung (entspricht <Mono> im Prototyp). Global, damit sie
   in jeder Komponente per class="mono" verfügbar ist. Aus der Handoff-app.css. */
.mono {
  font-family: var(--font-mono);
  font-variant-ligatures: none;
}