/* ===========================================================
   ROEMA BASIS — TOKENS (die EINE Datei fuer einen neuen Kunden)

   assets/css/style.css ist die unveraenderte Fassung der gebauten
   Kundenseite. Damit sie unveraendert bleiben kann, werden die Werte
   NICHT dort geaendert, sondern hier ueberschrieben — diese Datei
   wird nach style.css geladen und gewinnt deshalb.

   Reihenfolge im Browser:
     1. assets/css/style.css   (Original, nicht anfassen)
     2. assets/css/tokens.css  (diese Datei — Werte des Kunden)
     3. Customizer             (Design > Roema, ueberschreibt 4 Farben)

   Die Namen sind die des Originals. Wer sie ersetzt, dreht die ganze
   Seite um — es gibt keine zweite Stelle mit Farbwerten.
   =========================================================== */

:root{
  /* ---- Farben ---- */
  --carbone:      #181310;   /* Grundton, warmes Dunkel        */
  --carbone-2:    #211a15;   /* Panel/Karte, eine Stufe heller */
  --panna:        #f4ecdd;   /* Textfarbe                      */
  --panna-dim:    #c9bda8;   /* gedaempft, Nebeninfos          */
  --pomodoro:     #c1362a;   /* zweiter Akzent (Rot)           */
  --pomodoro-hot: #e0503f;
  --oliva:        #7d894f;   /* Naturton, sparsam              */
  --oro:          #d9a441;   /* Leitfarbe (Gold)               */
  --oro-soft:     #f0cd7e;
  --linea:        rgba(244,236,221,.12);

  /* ---- Flaeche, Form, Breite ---- */
  --shadow: 0 24px 60px -24px rgba(0,0,0,.7);
  --maxw:   1180px;   /* Inhaltsbreite */
  --r:      14px;     /* Radius        */

  /* ---- Schrift ---- */
  --serif: "Fraunces","Playfair Display",Georgia,"Times New Roman",serif;
  --sans:  "Inter",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;

  /* ---- Wisch-Uebergang (Design-Checkliste §12b PT10) ---- */
  --wisch-farbe: var(--oro);
  --wisch-zu:    620ms;
  --wisch-auf:   720ms;
  --wisch-halt:  140ms;
  --wisch-kurve: cubic-bezier(.76,0,.24,1);
}

/* -----------------------------------------------------------
   Kleine Zutaten, die erst durch WordPress noetig werden.
   Bewusst hier und nicht im Original-Stylesheet.
   ----------------------------------------------------------- */

/* Die eingeloggte Adminleiste sitzt sonst ueber der fixen Kopfzeile. */
body.admin-bar .nav{top:32px}
@media(max-width:782px){body.admin-bar .nav{top:46px}}

/* Reste der statischen Fassung, die im Seiteninhalt stehen bleiben
   koennen, wenn jemand sie im Editor wieder einfuegt. */
lt-toolbar{display:none!important}