/*
 * Polaris1 Designsystem. Die eine Quelle für Website und App.
 *
 * Der grüne Faden: Es gibt keine neutralen Grautöne mehr. Hintergrund, Karten,
 * Linien und Schrift kommen alle aus demselben Farbton wie das Mint der Marke
 * (Hue 150), nur mit anderer Helligkeit und Sättigung. Darum wirkt alles wie
 * aus einem Guss, auch dort, wo gar kein sichtbares Grün steht.
 *
 * Die Maße sind an Linear, Vercel und Neon gemessen (30.10.2026, DEMO-SIGNAL.md):
 * Überschriften groß, leicht und eng, Text 15 bis 16 auf 24 px, Abschnitte 128 px
 * Abstand, Knöpfe 32 oder 44 px, Einträge der Seitenleiste 32 px.
 *
 * Regeln, die aus den Werten folgen:
 *   - Schrift: nur Größen aus --t-*, nur die Stärken 400 und 500.
 *   - Abstände: nur Vielfache von 4 px, aus --s-*.
 *   - Ecken: 6 (klein), 8 (Knöpfe, Felder), 12 (Karten), 999 (Zähler).
 *   - Rot ist keine Markenfarbe. Schweregrade sind 6-px-Punkte neben Text.
 */

@font-face {
  font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url('fonts/inter-latin-opsz.woff2') format('woff2');
}
@font-face {
  font-family: 'Geist Mono'; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url('fonts/geist-mono-latin-wght.woff2') format('woff2');
}
@font-face {
  font-family: 'Orbitron'; font-style: normal; font-weight: 700; font-display: swap;
  src: url('fonts/orbitron-700-latin.woff2') format('woff2');
}

:root {
  /* Schrift */
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --font-logo: 'Orbitron', ui-monospace, monospace;

  --t-12: 12px; --t-13: 13px; --t-14: 14px; --t-16: 16px; --t-18: 18px;
  --t-24: 24px; --t-32: 32px; --t-44: 44px; --t-64: 64px;

  /* Raster */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 20px; --s-6: 24px;
  --s-8: 32px; --s-10: 40px; --s-12: 48px; --s-16: 64px; --s-24: 96px; --s-32: 128px;
  --r-s: 6px; --r-m: 8px; --r-l: 12px;
  --w: 1200px;

  /* Die Grüntöne, von Fast-Schwarz bis Fast-Weiß */
  --g-950: #090e0c; --g-900: #0d1411; --g-850: #111916; --g-800: #18221d; --g-700: #222e28;
  --g-600: #3a4a42; --g-500: #76877e; --g-400: #94a59c; --g-200: #cfdbd4; --g-100: #e8efea; --g-50: #f6f8f6;

  /* Marke */
  --mint: #5ceda3; --mint-h: #84f4bb; --mint-ink: #04180f;
  --forest: #0b3d2a; --forest-h: #0f4f37; --forest-deep: #082b1e;
  --leaf: #0a7a50;
}

/* Schweregrade: nur für die kleinen Punkte. */
:root { --sev-critical: #ef6b6b; --sev-high: #f0a35e; --sev-medium: #e6c867; --sev-low: #8fb0c4; }