/* =========================================================
   KRANATU – BASE
   Globale Design-Tokens und Grundtypografie

   Quelle: bestehende responsive_css.css.
   Bewusst NICHT enthalten:
   - Layout (.section, .container, Grids)
   - Header / Navigation
   - Buttons / Komponenten
   - Seiten-spezifische Regeln
   - WooCommerce-spezifische Regeln
   - Responsive-Regeln
========================================================= */

:root {
  --kr-color-bg: #fefcf9;
  --kr-color-bg-soft: #fffaf6;
  --kr-color-surface: #f6f1eb;

  --kr-color-text: #100f0d;
  --kr-color-text-soft: #444444;
  --kr-color-muted: rgba(16, 15, 13, 0.62);
  --kr-color-muted-light: rgba(16, 15, 13, 0.48);

  --kr-color-brown: #7b6655;
  --kr-color-primary: #c55254;
  --kr-color-primary-hover: #a93d3e;
  --kr-color-green: #a5b39f;
  --kr-color-dark-hover: #2a2521;

  --kr-color-border: rgba(16, 15, 13, 0.09);
  --kr-color-border-brown: #dbd1c9;

  --kr-font-body: "Quicksand", sans-serif;
  --kr-font-heading: "Quicksand", sans-serif;

  /* Kompatibilität mit den bestehenden Header-Regeln */
  --kr-header-icon-color: #7b6655;
}

/* =========================================================
   BODY
========================================================= */

body {
  background-color: #fefcf9;
  background-color: var(--kr-color-bg);

  color: #100f0d;
  color: var(--kr-color-text);

  font-family: "Quicksand", sans-serif;
  font-family: var(--kr-font-body);

  font-size: 1rem;
  line-height: 1.6;
}

/* =========================================================
   GLOBALE ÜBERSCHRIFTEN

   Größen bleiben absichtlich draußen:
   Sie gehören in kranatu-responsive.css.
========================================================= */

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #100f0d;
  color: var(--kr-color-text);

  font-family: "Quicksand", sans-serif;
  font-family: var(--kr-font-heading);

  font-weight: 700;
  line-height: 1.3;
}