/* ==========================================================================
   Design-Tokens: Farben, Typografie, Bewegung
   Einzige Quelle für Werte. JS liest die Bewegungs-Tokens (--dur-*) hier aus.
   ========================================================================== */

:root {
  /* --- Grundfarben (aus dem bestehenden Deck übernommen) --- */
  --navy: #1b2a3a;
  --navy-2: #44505e;
  --ink-muted: #5e6a78;
  --cream: #f6f3ec;
  --paper: #fbf7f0;
  --mist: #c9d3dd;
  --mist-2: #9fb3c4;
  --rule: #c4bdb0;
  --letterbox: #0d141c;

  /* --- Ich-Zustände: jede Farbe hat genau eine Bedeutung --- */
  --el: #b85a33;       /* Eltern-Ich: Flächen */
  --el-ink: #a44e2a;   /* Eltern-Ich: Text, Antwort-Pfeile */
  --er: #2c6a8c;       /* Erwachsenen-Ich */
  --er-tint: #e3eef3;
  --k: #e4b04a;        /* Kind-Ich: Flächen */
  --k-ink: #8a6414;    /* Kind-Ich: Text */
  --gold: #e4b04a;     /* Akzent auf dunklen Folien */

  /* --- Typografie --- */
  --font-serif: "Domine", Georgia, "Times New Roman", serif;
  --font-sans: "Nunito Sans", "Segoe UI", "Helvetica Neue", Arial, sans-serif;

  /* --- Bewegung: Dauer ---
     Bewusst eher langsam: Teams überträgt geteilte Inhalte mit reduzierter
     Bildrate. Unter ~250 ms wirkt eine Bewegung im Call wie ein Sprung. */
  --dur-xs: 140ms;     /* Mikro-Feedback */
  --dur-s: 260ms;      /* kleine Elemente, Ausblenden */
  --dur-m: 520ms;      /* Standard-Eintritt (rise, fade) */
  --dur-l: 780ms;      /* Pop, Flip, Zustandswechsel */
  --dur-draw: 950ms;   /* Pfeil zeichnet sich */
  --dur-slide: 560ms;  /* Überblendung zwischen Folien */
  --dur-morph: 950ms;  /* Morph zwischen Folien */
  --stagger: 110ms;    /* Versatz innerhalb einer Gruppe */

  /* --- Bewegung: Kurven --- */
  --ease-out: cubic-bezier(.16, 1, .3, 1);        /* Eintritt: zügig an, weich aus */
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);    /* Weg von A nach B, Zeichnen */
  --ease-spring: cubic-bezier(.34, 1.56, .64, 1); /* Pop mit leichtem Überschwingen */
  --ease-in: cubic-bezier(.7, 0, .84, 0);         /* Austritt */

  /* --- Teams «Standout»: ungefährer Bereich der Referentin / des Referenten --- */
  --safe-w: 30%;
  --safe-h: 52%;
}

/* Reduzierte Bewegung: nur Überblendungen, keine Wege, keine Loops */
.motion-reduced {
  --dur-m: 300ms;
  --dur-l: 300ms;
  --dur-draw: 300ms;
  --dur-slide: 300ms;
  --stagger: 0ms;
}

/* Bewegung aus: alles sofort (auch für Vorschau und Druck) */
.motion-off {
  --dur-xs: 0ms;
  --dur-s: 0ms;
  --dur-m: 0ms;
  --dur-l: 0ms;
  --dur-draw: 0ms;
  --dur-slide: 0ms;
  --dur-morph: 0ms;
  --stagger: 0ms;
}