/* Design-Tokens — Quelle der Wahrheit fuer Farben, Schriften und Abstaende.
   Werte stammen exakt aus docs/SPEC.md Paragraph Design. Nicht hier abweichen,
   sondern die SPEC aendern und dann diese Datei nachziehen. */

:root {
  color-scheme: dark;

  /* Flaechen */
  --bg: #0A0A0E;
  --surface: #121218;
  --surface-2: #16161E;
  --surface-3: #1C1C25;
  --surface-timeline: #101016;  /* Karte der Timeline (Entwurf A) */
  --border: #22222C;
  --border-strong: #2E2E3C;

  /* Text */
  --text: #F4F4F7;
  --text-muted: #8A8A99;
  --text-dim: #7A7A8A;

  /* Marke — nur fuer Bedienelemente, nie als Datenfarbe */
  --brand: #7C3AED;
  --brand-weak: #241B46;
  --link: #A78BFA;

  /* Farbvertrag (projektweit, siehe docs/SPEC.md) */
  --ok: #16A34A;          /* erkannt */
  --manual: #0284C7;      /* manuell bearbeitet */
  --ai: #D97706;          /* KI-Vorschlag */
  --gap-hatch: repeating-linear-gradient(45deg, #32323F 0 3px, #1A1A22 3px 7px);

  /* Radien */
  --r-sm: 8px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 16px;

  /* Abstaende */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-7: 32px;
  --s-8: 36px;

  /* Schrift */
  --font-head: "Space Grotesk", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;

  /* Mindestgroesse fuer Touch-Ziele */
  --tap: 44px;
}