/* ============================================================
   PPMS GUIDES — Design-Tokens
   Gemeinsame Basis für Landingpages (guides.css) und PDF (tools/pdf.css).

   Bewusst ANDERS als die PPMS-Hauptseite: die ist dunkler Luxus für ein
   2.497-€-Angebot. Ein 29-€-Guide muss das Gegenteil: hell, ruhig, sofort
   lesbar, für möglichst viele Menschen. Marke bleibt über Logo + das eine
   Rot erhalten, nicht über die Bühne.

   Haus-DNA: Radius 10px, KEINE Kartenschatten (Tiefe aus Kontrast +
   Haarlinien), warme Neutrals, Display gegen Mono.
   ============================================================ */

:root {
  /* Papier & Tinte — warm, nicht kalt-grau */
  --paper:    #FBF9F4;
  --paper-2:  #F3EFE7;
  --paper-3:  #EAE5DA;
  --ink:      #17150F;
  --ink-2:    #4A463C;
  --ink-3:    #7C766A;
  --line:     rgba(23, 21, 15, .14);
  --line-2:   rgba(23, 21, 15, .26);

  /* Dunkle Szene (Panels, Footer) */
  --dark:     #1A1815;
  --dark-2:   #24211C;
  --dark-ink: #F5F2EA;
  --dark-line: rgba(245, 242, 234, .16);

  /* Akzent — PPMS-Rot, nur an Entscheidungspunkten */
  --accent:     #DA0600;
  --accent-ink: #FFFFFF;
  --accent-soft: rgba(218, 6, 0, .08);

  /* Nur für Diagramme: gedeckt, nie als Flächenfarbe der Seite */
  --good:  #2F6B4F;
  --warn:  #B07316;
  --cool:  #2C5670;

  --font:  "Satoshi", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono:  "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --r:     10px;   /* Haus-Radius. Nicht 18–26 — das ist die Template-Sprache. */
  --r-sm:  6px;
  --r-pill: 100px;

  --ease: cubic-bezier(.22, 1, .36, 1);
}