/* ============================================================
   Tim Taxis · Design-Tokens · EINE Quelle für alle Seiten
   ------------------------------------------------------------
   Diese Datei definiert Farben und Schriften für ALLE drei
   Seiten-Familien:
     1. Hauptseite (React-SPA)  — index.html
     2. Funnel-Seiten           — inner-circle.css
     3. DSR-Landingpages        — dsr.css

   Wer hier eine Farbe ändert, ändert sie überall. Bitte NICHT
   in den einzelnen CSS-Dateien erneut definieren — dort nur
   noch auf die Variablen unten verweisen.

   Grundlage: CI Manual "Solar Warm" (v2.0).
   Abweichung vom Manual auf Kundenwunsch: Sein ist ein warmes
   Espresso statt des Sri-Yantra-Indigos — das Blau harmonierte
   nicht mit Honiglicht und Orange.
   ============================================================ */

/* ---- Hausschrift: Plantin MT Pro (Monotype, selbst gehostet) ---- */
@font-face {
  font-family: 'Plantin MT Pro';
  src: url('/assets/fonts/plantin-regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Plantin MT Pro';
  src: url('/assets/fonts/plantin-italic.woff2') format('woff2');
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'Plantin MT Pro';
  src: url('/assets/fonts/plantin-semibold.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Plantin MT Pro';
  src: url('/assets/fonts/plantin-bold.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}

:root {
  /* ---- Vier Hauptfarben ---- */
  --stille:       #FFF1D4;   /* Honiglicht · Grund · 60 % */
  --stille-soft:  #FFF6DF;   /* Sandmilch · zweiter Grund, Karten */
  --stille-warm:  #FFEAC2;   /* Sandlicht · warmer Hintergrund */
  --sein:         #1F1A14;   /* Tinten-Schwarz · Text & Tiefe · 25 % */
  --sein-soft:    #2A2118;
  --strahlen:     #F48A28;   /* Fiery Orange · Wärme · 12 % */
  --strahlen-soft:#F2B277;
  --weite:        #C8DDEA;   /* Himmelweite hell · 3 %, max 5 % */

  /* ---- Zwei Akzente (Ableitungen, keine eigenen Farben) ---- */
  --sunset: #C8561D;         /* CTA · Aktion */
  --gold:   #F4B940;         /* Highlight · Verläufe & Glanz */

  /* ---- Funktionale Aliasse (die Komponenten arbeiten damit) ---- */
  --paper:        var(--stille);
  --cream:        var(--stille-soft);
  --cream-deep:   var(--stille-warm);
  --ink:          var(--sein);
  --accent:       var(--strahlen);
  --accent-deep:  var(--sunset);
  --accent-warm:  var(--strahlen-soft);
  --accent-earth: var(--weite);

  /* ---- Linien & Rahmen (einheitlich warm, nie Tailwind-Grau) ---- */
  --line:        rgba(31, 26, 20, 0.12);
  --line-soft:   rgba(31, 26, 20, 0.08);
  --line-strong: rgba(31, 26, 20, 0.22);

  /* ---- Typografie ----
     Plantin trägt das Sein, DM Sans die Information.
     Keine Monospace, keine Versalien (Kundenwunsch). */
  --font-serif: 'Plantin MT Pro', 'Cormorant Garamond', 'Iowan Old Style', Garamond, Georgia, serif;
  --font-sans:  'DM Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono:  var(--font-sans);   /* bewusst identisch — Mono ist abgeschafft */

  /* ---- Radien ---- */
  --radius-sm: 8px;
  --radius:    12px;
  --radius-lg: 18px;
}