/* =========================================================================
   VP Lean — Design-System (Custom Properties)
   Ein Ort fuer Farben, Fonts, Abstaende. Skins ueber [data-skin].
   ========================================================================= */
:root{
  /* Marken-Palette (aus Bestandsdesign / .vpfoot) */
  --vp-gold:#b79a52;
  --vp-gold-strong:#c6a24e;
  --vp-gold-deep:#9c7a32;
  --vp-gold-light:#e0c98a;
  --vp-ink:#1c1a1e;          /* Haupt-Text/Ueberschriften (gemessen) */
  --vp-ink-soft:#565259;     /* gedaempft (Nav/Kategorie/Meta) */
  --vp-story:#303030;        /* Fliesstext Story (gemessen) */
  --vp-intro:#3a3540;        /* Intro-Text (gemessen) */
  --vp-muted:#9a8f86;        /* Captions */
  --vp-line:#ece4d6;         /* Trennlinien */
  --vp-cream:#fbf9f7;        /* Seitenhintergrund hell (gemessen) */
  --vp-paper:#ffffff;        /* Karten/Flaechen */
  --vp-dark:#1a171c;         /* Footer/Dark-Flaechen */
  --vp-on-dark:#e8e2df;      /* Text auf Dunkel */

  /* Fonts */
  --vp-serif:'Cormorant Garamond', Georgia, 'Times New Roman', serif;  /* Ueberschriften/Intro */
  --vp-serif-read:Georgia, 'Times New Roman', serif;                   /* Story-Fliesstext (gemessen) */
  --vp-sans:'Jost', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --vp-display:'Cinzel', 'Cormorant Garamond', serif;

  /* Typo-Skala (ueber --vp-fs-scale global skalierbar; No-FOUC setzt sie) */
  --vp-fs-scale:1;
  --vp-fs-body:calc(16px * var(--vp-fs-scale));
  --vp-fs-h1:calc(56px * var(--vp-fs-scale));
  --vp-fs-h2:calc(34px * var(--vp-fs-scale));
  --vp-fs-h3:calc(1.35rem * var(--vp-fs-scale));

  /* Layout / Rhythmus */
  --vp-maxw:660px;           /* Lesebreite Editorial (Einzelspalte) */
  --vp-maxw-wide:1180px;     /* Shell/Hero */
  --vp-gap:24px;
  --vp-radius:12px;
  --vp-shadow:0 16px 44px rgba(0,0,0,.10);

  /* Rollen (Skin-abhaengig ueberschreibbar) */
  --vp-bg:var(--vp-cream);
  --vp-fg:var(--vp-ink);
  --vp-accent:var(--vp-gold);
  --vp-surface:var(--vp-paper);
  --vp-border:var(--vp-line);
}

/* Optionaler Dark-Skin (Playbook: Dark/Light-Umschalter). Default bleibt hell. */
:root[data-skin="dark"]{
  --vp-bg:#17141a;
  --vp-fg:#ece7ee;
  --vp-surface:#211c28;
  --vp-border:#332b3c;
  --vp-ink-soft:#b7aec2;
  --vp-muted:#8a8193;
  --vp-accent:var(--vp-gold-light);
}