/* ============================================================
   ParusVoice — Design Tokens v3 (Website-Relaunch Oktober 2026)
   Warmes Weiß als Seite, reines Weiß als Wechselfläche, Dunkel als
   Bühne und Band, Orange als Tinte und als eine Bühnenfarbe.
   Überschriften Newsreader, Text Schibsted Grotesk.
   Zuerst laden (vor site.v3.css).
   ============================================================ */

:root {
  /* ---------- Flächen ---------- */
  --pv-bg:        #FBFAF6;   /* Seite                                   */
  --pv-white:     #FFFFFF;   /* Wechselsektionen, Karten                */
  --pv-dark:      #1A150F;   /* Bänder und dunkle Bühne                 */
  --pv-dark-2:    #231C14;   /* Flächen auf Dunkel (Karten, Fenster)    */

  /* ---------- Text ---------- */
  --pv-ink:       #141413;   /* Überschriften, Primärtext               */
  --pv-text:      #4D4C48;   /* Fließtext                               */
  --pv-muted:     #767370;   /* Nebentext, Eyebrows, Hinweise (≥4.5:1)  */
  --pv-on-dark:   #FBFAF6;   /* Text auf Dunkel                         */
  --pv-on-dark-2: #B9B2A6;   /* Nebentext auf Dunkel                    */

  /* ---------- Linien ---------- */
  --pv-hair:      #E6E2D8;   /* Trenner, Kartenrahmen                   */
  --pv-hair-2:    #EEEAE1;   /* leichtere Trenner                       */
  --pv-hair-dark: rgba(251,250,246,0.14);
  --pv-border:    #D3CDC1;   /* Ghost-Button, Hover                     */

  /* ---------- Akzent ---------- */
  --pv-accent:        #F94E0D;
  --pv-accent-hover:  #FA5E24;
  --pv-accent-text:   #C63803;   /* Orange als Text auf Hell (≥4.5:1)  */
  --pv-accent-stage:  #F0520F;   /* Orange als Bühnenfläche            */

  /* ---------- Schrift ---------- */
  --pv-serif: 'Tiempos Headline', 'Newsreader', Georgia, 'Times New Roman', serif;   /* Titel ab 32 px */
  --pv-serif-text: 'Tiempos Text', 'Newsreader', Georgia, 'Times New Roman', serif; /* Listentitel, Zahlen */
  --pv-sans:  'Schibsted Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --pv-brand: 'Plus Jakarta Sans', var(--pv-sans);
  --pv-mono:  'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  /* Überschriften-Rampe: je größer die Schrift, desto knapper Zeilenabstand und Laufweite.
     Jede Serifen-Überschrift nimmt die Stufe ihrer Größe, keine eigenen Werte. */
  --pv-display-lh: 1.08;  --pv-display-ls: -.02em;   /* ab 60 px: Hero, Schluss */
  --pv-title-lh:   1.12;  --pv-title-ls:   -.012em;  /* 34–60 px: Sektions-, Seiten-, Hilfetitel */
  --pv-feature-lh: 1.2;   --pv-feature-ls: -.006em;  /* 26–32 px: Bühnen-Titel */
  --pv-list-lh:    1.2;   --pv-list-ls:    0;        /* Tiempos Text 22–28 px: Listentitel */

  /* ---------- Layout ---------- */
  --pv-notch-w:   336px;   /* aufgeklappte Notch: Demo, Szenen und Skript lesen diesen Wert */
  --pv-container: 1120px;
  --pv-gutter:    clamp(20px, 5vw, 40px);
  --pv-sec:       clamp(80px, 9vw, 128px);     /* Sektionsabstand         */
  --pv-stage-gap: clamp(64px, 8vw, 112px);     /* Abstand zwischen Bühnen */

  /* ---------- Radien ---------- */
  --pv-r-stage: 20px;
  --pv-r-card:  16px;
  --pv-r-btn:   8px;

  /* ---------- Bewegung ---------- */
  --pv-ease: cubic-bezier(.32,.72,0,1);
  --pv-dur:  240ms;

  /* ---------- Schatten (nur Produktfenster) ---------- */
  --pv-shadow-window: 0 42px 80px -34px rgba(20,14,8,0.55), 0 14px 34px -20px rgba(20,14,8,0.3);
}