/* ============================================================
   ParusVoice — Design Tokens v2  (Branding V2)
   Electric-Orange-Akzent auf warmem Off-White-System.
   Von DE (index.php) UND EN (/en/) geladen (v2 sitewide seit Juli 2026).
   Zuerst laden (vor site.v2.css).
   ============================================================ */

:root {
  /* ---------- Flächen ---------- */
  --pv-surface:      #FBFAF6;  /* Seite (Default-Hintergrund)              */
  --pv-surface-alt:  #FCFBF7;  /* alternierende Sektionen (Features, FAQ)  */
  --pv-tinted:       #F1EDE3;  /* „Warum ParusVoice"-Band                  */
  --pv-banner:       #F3EFE5;  /* Eyebrow-Pills, Trust-Strip, Add-on-Zeile */
  --pv-dark:         #1A150F;  /* finale CTA-Bühne                         */
  --pv-footer:       #15110B;  /* Footer                                   */

  /* ---------- Text / Ink ---------- */
  --pv-ink:          #221C15;  /* Headlines, primärer Text                 */
  --pv-text:         #5A5346;  /* Fließtext                                */
  --pv-text-2:       #6E665A;  /* Fließtext, weicher                       */
  --pv-text-nav:     #4A4337;  /* Nav-/Trust-Labels                        */
  --pv-muted:        #756C5C;  /* Captions (≥4.5:1 auf Surface, WCAG AA)   */
  --pv-muted-2:      #786F5F;  /* Meta / Eyebrow-Mono (≥4.5:1 auf Surface) */
  --pv-on-dark:      #FBFAF6;  /* Text auf dunklen Flächen                 */

  /* ---------- Linien / Rahmen ---------- */
  --pv-hairline:     #E8E2D5;  /* Standard-Rahmen/Trenner                  */
  --pv-hairline-2:   #EFEAE0;  /* innere, wärmere Trenner                  */
  --pv-border:       #D8D1C2;  /* stärker (Ghost-Button, Card-Hover)       */
  --pv-border-2:     #E2DBCC;  /* Karten-Toprule                           */

  /* ---------- Akzent (ein einziges Orange — sparsam, 1–2 je Viewport) -- */
  --pv-accent:       #F94E0D;
  --pv-accent-hover: #FA5E24;  /* Accent-Button-Hover (heller: Ink-Text braucht ≥4.5:1) */
  --pv-accent-dark:  #C63803;  /* Mono-Preis / „Bald"-Badge auf hell (≥4.5:1 auf Banner) */
  --pv-accent-soft:  rgba(249,78,13,0.10);

  /* ---------- Dunkle Buttons (Nav-/Hero-Primär) ---------- */
  --pv-btn-dark:        #221C15;
  --pv-btn-dark-hover:  #34291C;

  /* ---------- Schrift ---------- */
  --pv-sans:   'Schibsted Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --pv-brand:  'Plus Jakarta Sans', var(--pv-sans);   /* Wortmarke „ParusVoice" */
  --pv-mono:   'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* ---------- Layout ---------- */
  --pv-container:  1180px;
  --pv-gutter:     clamp(18px, 5vw, 40px);
  --pv-section-y:  clamp(74px, 10vw, 124px);

  /* ---------- Radien ---------- */
  --pv-r-card:  17px;
  --pv-r-btn:   11px;
  --pv-r-pill:  999px;

  /* ---------- Schatten ---------- */
  --pv-shadow-card-hover: 0 12px 28px -16px rgba(45,35,20,0.24);
  --pv-shadow-window:
    0 42px 80px -34px rgba(45,35,20,0.46),
    0 14px 34px -20px rgba(45,35,20,0.24);

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