/* Kanonische Design-Tokens – jede Oberflaeche bindet diese Datei zuerst ein.
   Herkunft: konsolidiert aus dem bisherigen tokens-Block in styles.css (Phase C),
   jetzt EINE Quelle fuer Marke, Neutrals, Radius, Spacing, Schatten und Typo.
   Phase D01: styles.css importiert diese Datei (siehe @import dort); dashboard.html
   bindet sie zusaetzlich per <link> vor styles.css ein. */

@font-face {
  font-family: "Geist";
  src: url("/static/fonts/geist-latin.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 100 900;
}

@font-face {
  font-family: "Geist Mono";
  src: url("/static/fonts/geist-mono-latin.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 100 900;
}

:root {
  /* Marke */
  --brand: #e85c1e;          /* Marke: Flaechen, Icons, Akzente, Text auf Navy/Dunkel (5,16:1 auf #0A1628) */
  --brand-strong: #c2440e;   /* Aktion: Buttonfuellung mit weisser Schrift (5,09:1), Orange-Link/-Text auf Hell */
  --brand-pressed: #a93a0b;  /* Hover/gedrueckt der Aktion (6,37:1 mit Weiss); Kleintext auf --brand-soft (5,54:1) */
  --brand-soft: #fdece2;
  --brand-bright: #ff7a3c;   /* nur auf dunklen Flaechen: Text, Icon, Fokus (>= 5,1:1 bis #22304A) */

  /* Typo */
  --font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* Spacing-Skala */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;

  /* Radius */
  --radius-sm: 6px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  --radius: 8px;

  /* Neutrals */
  --background: #f6f5f1;
  --foreground: #17211f;
  --ink: #17211f;
  --muted: #66726e;
  --line: #dcd8ce;
  --surface: #ffffff;
  --surface-muted: #f6f5f1;

  /* Rueckwaertskompatible Aliase (frueher --teal, vor Phase C auf --brand vereinheitlicht) */
  --teal: var(--brand);
  --teal-strong: var(--brand-strong);
  --teal-soft: var(--brand-soft);

  /* Status-/Akzentfarben */
  --blue: #1d4ed8;
  --blue-soft: #e7eefc;
  --amber: #b7791f;
  --warn: #9a5b10;
  --warn-soft: #fff2d9;
  --warn-line: #f2d28f;
  --good: #147a4b;
  --good-soft: #e7f5ed;
  --good-line: #b7dec7;
  --bad: #b42318;
  --bad-soft: #fde8e7;
  --bad-line: #f3b8b3;
  --dark: #101513;

  /* Schatten */
  --shadow-sm: 0 1px 2px rgba(23, 33, 31, 0.05);
  --shadow-md: 0 18px 45px rgba(23, 33, 31, 0.08);
}

.legal-links { margin: 28px 0 0; font-size: 13px; line-height: 1.5; color: var(--muted); text-align: center; }
.legal-links a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.legal-links a:hover, .legal-links a:focus-visible { color: var(--brand-strong); }