/*
Theme Name: Lebensbegleiter
Description: Divi 5 Child Theme
Version: 1.0.0
Author:
Author URI:
Theme URI:
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: Divi
*/

/* ==========================================================================
   1. Design Tokens
   ========================================================================== */

:root {
  /* Schriften */
  --font-heading: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Nunito", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-alt: "Nunito Sans", -apple-system, "Segoe UI", Helvetica, Arial,
    sans-serif;

  --fw-heading: 800;
  --fw-body: 600;

  /* Hintergrund – Basiston (Fallback zuerst, dann lab() fuer moderne Browser) */
  --bg-base: #faf5ed;
  --bg-base: lab(96.7942% 0.492603 4.56543);

  /* Abgeleitete Toene fuer den Verlauf */
  --bg-light: color-mix(in oklab, var(--bg-base) 55%, #ffffff);
  --bg-warm: color-mix(in oklab, var(--bg-base) 80%, #f0dfc6);
  --bg-soft: color-mix(in oklab, var(--bg-base) 85%, #e4ecea);
}

/* ==========================================================================
   2. Basis
   ========================================================================== */

html,
body {
  margin: 0;
  height: 100%;
}

body {
  position: relative;
  font-family: var(--font-body);
  font-weight: var(--fw-body);
}

/* ==========================================================================
   3. Hintergrundverlauf (alle Seiten)
   ========================================================================== */

body {
  background-color: #faf5ed; /* Fallback */
  background-color: var(--bg-base);
  background-image: radial-gradient(
      120ch 80ch at 12% -12%,
      var(--bg-light) 0%,
      transparent 62%
    ),
    radial-gradient(100ch 70ch at 96% 4%, var(--bg-warm) 0%, transparent 58%),
    radial-gradient(110ch 90ch at 50% 112%, var(--bg-soft) 0%, transparent 60%),
    linear-gradient(
      165deg,
      var(--bg-light) 0%,
      var(--bg-base) 48%,
      var(--bg-warm) 100%
    );
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Divi-Container transparent, damit der Verlauf durchscheint */
#page-container,
#et-main-area,
#main-content,
.et_pb_section,
.et_pb_row {
  background-color: transparent !important;
}

/* ==========================================================================
   4. Typografie
   ========================================================================== */

/* Headlines – Fraunces 800 */
#page-container h1,
#page-container h2,
#page-container h3,
#page-container h4,
#page-container h5,
#page-container h6 {
  font-family: var(--font-heading) !important;
  font-weight: var(--fw-heading) !important;
}

/* Fliesstext – Nunito 600 */
#page-container p,
#page-container li,
#page-container a,
#page-container span:not(.et-pb-icon),
#page-container blockquote,
#page-container label,
#page-container input,
#page-container textarea,
#page-container select,
#page-container button {
  font-family: var(--font-body) !important;
  font-weight: var(--fw-body);
}

/* Fliesstext-Groessen */
#page-container p,
#page-container li,
#page-container span:not(.et-pb-icon) {
  font-size: clamp(1rem, 0.9vw + 0.6rem, 1.125rem); /* 16px – 18px */
  line-height: 1.5;
}

/* Headline-Groessen */
#page-container h1 {
  font-size: clamp(2.25rem, 4.6vw + 0.5rem, 4rem) !important; /* 36px – 64px */
  line-height: 1.05;
}

#page-container h2 {
  font-size: clamp(1.75rem, 3.6vw + 0.4rem, 2.75rem) !important; /* 28px – 44px */
  line-height: 1.1;
}

#page-container h3 {
  font-size: clamp(1.375rem, 2.6vw + 0.3rem, 1.875rem) !important; /* 22px – 30px */
  line-height: 1.15;
}

#page-container h4 {
  font-size: clamp(1.125rem, 1.9vw + 0.25rem, 1.375rem) !important; /* 18px – 22px */
  line-height: 1.2;
}

#page-container h5 {
  font-size: clamp(1rem, 1.3vw + 0.2rem, 1.125rem) !important; /* 16px – 18px */
  line-height: 1.25;
}

#page-container h6 {
  font-size: clamp(0.875rem, 0.9vw + 0.15rem, 1rem) !important; /* 14px – 16px */
  line-height: 1.3;
}

/* Hilfsklasse: Nunito Sans als Alternativschrift */
.font-alt {
  font-family: var(--font-alt) !important;
}

/* ==========================================================================
   5. Custom CSS
   ========================================================================== */