/* ==========================================================
   Ruhige Nächte – Design-Tokens
   Dieselben Werte in Divi 5 unter "Design Variables" anlegen,
   damit Module und dieses CSS synchron bleiben.
   ========================================================== */
:root {
  --rn-navy:        #13203F; /* Primär: Nachtblau */
  --rn-navy-deep:   #0C1630; /* Footer, Hinweisleiste */
  --rn-navy-light:  #24356A; /* Flächen auf Nachtblau */
  --rn-gold:        #D9A93F; /* Akzent: Buttons, Linien, Icons */
  --rn-gold-light:  #F1D58A; /* Handschrift auf Nachtblau */
  --rn-gold-dark:   #7A5A12; /* Gold-Text auf Creme (Kontrast ok) */
  --rn-cream:       #FBF6EA; /* Hintergrund */
  --rn-sand:        #F3EAD3; /* Info-Boxen, FAQ */
  --rn-text:        #18213A;
  --rn-muted:       #4A5470;
  --rn-line:        #C9B27A; /* gestrichelte Rahmen */

  --rn-font-head:   'Fraunces', Georgia, serif;
  --rn-font-body:   'Nunito Sans', system-ui, sans-serif;
  --rn-font-hand:   'Caveat', cursive;

  --rn-radius-s:    14px;
  --rn-radius-m:    22px;
  --rn-radius-pill: 999px;
  --rn-shadow:      0 1px 0 #E8DCC0, 0 10px 30px rgba(19, 32, 63, .08);
}

body {
  background: var(--rn-cream);
  color: var(--rn-text);
  font-family: var(--rn-font-body);
}

h1, h2, h3, h4,
.et_pb_module_header {
  font-family: var(--rn-font-head);
  color: var(--rn-navy);
}

/* Handschrift-Akzent: CSS-Klasse "rn-hand" im Divi-Modul vergeben */
.rn-hand {
  font-family: var(--rn-font-hand) !important;
  color: var(--rn-gold-dark);
  font-size: 1.6em;
  line-height: 1.1;
}
.rn-dark .rn-hand { color: var(--rn-gold-light); }

/* Handgezeichnete Unterstreichung: Klasse "rn-scribble" auf Überschrift */
.rn-scribble {
  padding-bottom: 14px;
  background: url("../img/scribble.svg") left bottom / 220px 12px no-repeat;
}

/* Gestrichelte Vertrauens-Boxen: Klasse "rn-dashed" */
.rn-dashed {
  border: 1.5px dashed var(--rn-line);
  border-radius: 16px;
}