/* Design-Tokens nach der Junien-CI.
   Quelle der Werte: claude/junien/design/assets/junien.css (CI.md, Abschnitt 3).
   Die Schrift weicht mit Freigabe ab: Saira (OFL) statt der lizenzpflichtigen Square 721.
   Hex-Werte stehen nur in dieser Datei. */

@font-face {
  font-family: "Saira";
  src: url("../fonts/saira-variable-latin.woff2") format("woff2");
  font-weight: 100 900;
  font-stretch: 100% 125%;
  font-display: swap;
}

:root {
  color-scheme: dark;

  /* Farbe: ein Akzent, sonst Grau aus der CI */
  --ju-yellow: #eeb300;
  --ju-ink: #141413;
  --ju-panel: #1f1f1d;
  --ju-line: #3a3a38;
  --ju-gray-dk: #656565;
  --ju-gray-lt: #a4a4a4;
  --ju-paper: #f2f2f0;

  /* Schrift: eine Familie, die Rollen unterscheiden sich über Gewicht und Breite */
  --ju-font: "Saira", "Arial", sans-serif;
  --ju-wide: 125%;

  /* Raster */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --gutter: clamp(1rem, 3vw, 2.5rem);
  --edge: 4px; /* Oberkante der Karten, CI-Signatur 3 fürs Bildschirmformat */

  /* Ebenen */
  --z-sticky: 10;
  --z-float: 20;

  /* Bewegung */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --fast: 150ms;
  --normal: 250ms;
}