/*
 * design-tokens.css
 *
 * HERKUNFT: übernommen aus dem ppnc.eu-Monorepo,
 *   /Users/herrppnc/Projects/ppnc-eu/shared/design-system/partials/tokens.css
 *   (Kopie vom 14.08.2026, dortiger Stand: Papierton-Kanon Session 8)
 * Dort ist die maßgebliche Fassung. Änderungen am EU-Design gehören
 * zuerst dorthin und werden dann hierher nachgezogen, nicht umgekehrt.
 *
 * Abweichungen dieser Kopie, bewusst und begründet:
 *  - --serif (Fraunces) ist nicht übernommen. Diese Seite ist einsprachig
 *    deutsch und rein numerisch; Überschriften laufen in Libre Franklin.
 *  - --mono zeigt auf Spline Sans Mono statt auf den Systemstack. Zahlen
 *    in Tabellen brauchen gleiche Ziffernbreite, sonst springen die
 *    Spalten beim Tippen.
 *  - --ok/--warn/--fehler sind hier neu: der Rechner braucht Zustände,
 *    die es im Monorepo so nicht gibt.
 *
 * Schriften liegen lokal unter fonts/ (kein Google-Fonts-Abruf zur
 * Laufzeit, wie im Monorepo festgelegt).
 *   Libre Franklin — SIL Open Font License 1.1
 *   Spline Sans Mono — SIL Open Font License 1.1
 */

@font-face {
  font-family: 'Libre Franklin';
  src: url('fonts/librefranklin-400.woff2') format('woff2');
  font-weight: 400; font-display: swap;
}
@font-face {
  font-family: 'Libre Franklin';
  src: url('fonts/librefranklin-600.woff2') format('woff2');
  font-weight: 600; font-display: swap;
}
@font-face {
  font-family: 'Spline Sans Mono';
  src: url('fonts/splinesansmono-var.woff2') format('woff2');
  font-weight: 300 700; font-display: swap;
}

:root {
  --eu-blue: #003399;
  --eu-blue-deep: #002673;
  --eu-blue-soft: #1f4fb5;
  --eu-gold: #D4AF37;
  --eu-gold-deep: #a8841f;
  --bg: #f1efe9;
  --paper: #ffffff;
  --ink: #1a1d29;
  --ink-soft: #4a5670;
  --border: #d3deef;
  --radius: 14px;
  --shadow: 0 4px 16px rgba(0, 51, 153, 0.08);
  --mono: 'Spline Sans Mono', ui-monospace, 'SF Mono', SFMono-Regular, Menlo, Consolas, monospace;
  --sans: 'Libre Franklin', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Nur in diesem Projekt */
  --ok: #1c6b3a;
  --warn-bg: #fdf6e3;
  --warn-border: var(--eu-gold);
  --warn-ink: #6b5310;
  --fehler: #9b1c1c;
}
