/* AI Agents Team, Bauer Group: Tokens. Design-Spezifikation der Zentrale (docs/DESIGN-SPEC.md), Weg B «dunkel in
   derselben Sprache» (Jan, 24.10.2026). Rohe Farbwerte stehen nur hier, nie in den Bausteinen (Hallmark 48). */
:root {
  color-scheme: dark;

  /* Abstände im 4er-Raster */
  --space-3xs: 2px; --space-2xs: 4px; --space-xs: 8px; --space-sm: 12px; --space-md: 16px; --space-lg: 24px;
  --space-xl: 40px; --space-2xl: 64px; --space-3xl: 96px; --space-4xl: 144px;
  --rand-x: max(20px, env(safe-area-inset-left), env(safe-area-inset-right));
  --tabbar-h: 64px;

  /* Grund und Schrift (Kontraste auf --grund: ink 17:1, ink-2 11:1, ink-3 7,4:1) */
  --grund: #0A0B0D;
  --grund-kopf: rgba(10, 11, 13, .78);
  --grund-kopf-dicht: rgba(10, 11, 13, .96);
  --graphit: #111216;
  --ink: #F2F2F3;
  --ink-2: #C2C4CA;
  --ink-3: #9C9FA6;
  --ink-4: #6B6E76;
  --auf-hell: #0E0F12;
  --linie: rgba(255, 255, 255, .08);
  --linie-stark: rgba(255, 255, 255, .16);
  --linie-punkt: rgba(255, 255, 255, .22);

  /* Glas: auf dunklem Grund ein Hauch Weiss, Rand als feine Lichtkante */
  --glas: rgba(255, 255, 255, .045);
  --glas-dicht: rgba(255, 255, 255, .075);
  --glas-hell: rgba(255, 255, 255, .11);
  --glas-rand: rgba(255, 255, 255, .10);
  --schatten: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 30px 60px -30px rgba(0, 0, 0, .7);
  --schatten-hoch: 0 1px 0 rgba(255, 255, 255, .09) inset, 0 44px 80px -30px rgba(0, 0, 0, .82), 0 0 0 1px rgba(237, 186, 111, .14);
  --schatten-knopf: 0 14px 30px -14px rgba(237, 186, 111, .55);
  --vorhang: rgba(5, 6, 7, .72);

  /* Gold der App (Jan, 24.10.2026: Bernsteingold #EDBA6F) und Zustandsfarben */
  --akzent: #EDBA6F;
  --akzent-hell: #F4CB8A;
  --akzent-tief: #C9924A;
  --akzent-wasch: rgba(237, 186, 111, .13);
  --akzent-linie: rgba(237, 186, 111, .42);
  --akzent-glanz: rgba(233, 182, 82, .34);
  --akzent-dunst: rgba(233, 182, 82, .16);
  --gruen: #4CC38A;
  --gruen-wasch: rgba(76, 195, 138, .14);
  --rot: #FF6B6F;
  --rot-ink: #FF9496;
  --rot-wasch: rgba(255, 107, 111, .15);
  --rot-linie: rgba(255, 107, 111, .45);
  --gelb: #FFC24B;
  --gelb-ink: #FFD27A;
  --gelb-wasch: rgba(255, 194, 75, .15);
  --lime: #D7F75B;
  --lime-dunst: rgba(215, 247, 91, .06);
  --lime-glanz: rgba(215, 247, 91, .10);
  --grau-licht: #8D9098;

  /* Kacheln und Flächen */
  --kachel-dunkel: linear-gradient(165deg, #1E2026 0%, #131418 55%, #0D0E11 100%);
  --kachel-glanz: rgba(255, 214, 140, .16);
  --graphit-flaeche: #0F1013;

  /* 3D-Figuren im Büro (figuren.js liest diese Werte) */
  --figur-gold: #CFA35F;
  --figur-graphit: #3A3D45;
  --figur-schwarz: #0E0F12;
  --figur-licht: #FFE7C2;
  --figur-boden: #1A1410;
  --figur-rot: #FF5A5F;

  /* Schrift: Inter und Inter Display, selbst gehostet (static/fonts) */
  --sans: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;
  --display: "Inter Display", "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif;

  /* Formen und Bewegung */
  --r-gross: 34px;
  --r: 28px;
  --r-klein: 18px;
  --weich: cubic-bezier(.2, .8, .2, 1);
  --feder: cubic-bezier(.34, 1.4, .5, 1);
  --aus: cubic-bezier(.16, 1, .3, 1);
}