/* Design-Tokens panda.schule (siehe DESIGN.md). Es gibt nur das dunkle Design, keinen Hellmodus. */
:root {
  color-scheme: dark;

  /* Farben: Nachtblau, Sonnengelb als Textmarker, Koralle für Hinweise */
  --bg: #0d1530;
  --surface: #16203f;
  --surface-2: #1f2b53;
  --line: #2c3b6c;
  --line-strong: #6b7aae;
  --text: #eef1fb;
  --muted: #aeb8dc;
  --accent: #94b4ff;
  --accent-hover: #b3c9ff;
  --on-accent: #0b1330;
  --accent-soft: #1f2f66;
  --warm: #ff9f8a;
  --warm-soft: #402230;
  --gold: #ffd45e;
  --gold-soft: #3b3216;
  --sun: #ffd45e;
  --on-sun: #0d1530;
  --hero: #17245a;
  --on-hero: #fff8e6;
  --hero-muted: #bcc6ee;
  --focus: #9bbcff;
  --shadow-1: 0 1px 2px rgba(0, 0, 0, .4);
  --shadow-2: 0 8px 22px rgba(0, 0, 0, .55);
  --scrim: rgba(0, 0, 0, .72);

  /* Typografie */
  --font-head: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --fs-xs: .8125rem;
  --fs-sm: .9375rem;
  --fs-md: 1.0625rem;
  --fs-lg: 1.25rem;
  --fs-xl: clamp(1.65rem, 1.2rem + 2vw, 2.5rem);
  --lh: 1.55;

  /* Abstände, Radien, Mindest-Tap-Fläche */
  --sp-1: .25rem; --sp-2: .5rem; --sp-3: .75rem; --sp-4: 1rem;
  --sp-5: 1.5rem; --sp-6: 2rem; --sp-7: 3rem; --sp-8: 4rem;
  --r-sm: .5rem; --r-md: .875rem; --r-lg: 1.375rem; --r-pill: 999px;
  --tap: 2.75rem;
}
}