/*
Theme Name: sehnsuchtstrunken (GeneratePress Child)
Theme URI: https://sehnsuchtstrunken.de
Description: Individuelles Child-Theme für sehnsuchtstrunken.de, basierend auf GeneratePress. Digitale Werkstatt in warmen Erdtönen: Sandbeige, Terrakotta, Kaffeebraun und abgestufte Grün-/Brauntöne je Werkstattbereich, Fraunces Italic & Karla (selbst gehostet, DSGVO-konform), Birkenbaum-Motiv.
Author: Thoran Wolfsson
Template: generatepress
Version: 0.4.0
Text Domain: sehnsuchtstrunken-child
*/

/* Selbst gehostete Schriften (statt Google Fonts CDN, aus Datenschutzgründen) */
@font-face {
  font-family: 'Fraunces';
  src: url('assets/fraunces-italic-400.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Fraunces';
  src: url('assets/fraunces-italic-500.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Fraunces';
  src: url('assets/fraunces-italic-600.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Karla';
  src: url('assets/karla-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Karla';
  src: url('assets/karla-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Karla';
  src: url('assets/karla-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Grundtöne */
  --color-sand-beige: #E7D9C4;
  --color-sand-karte: #DDC9AC;
  --color-kaffeebraun: #3E2C23;
  --color-terrakotta: #C1603E;

  /* Bereichsfarben (für die spätere Kachel-/Werkstattbereich-Struktur) */
  --color-waldgruen-dunkel: #3F5A3F;
  --color-gruen-mittel-1: #5C7A46;
  --color-gruen-mittel-2: #6E8A54;
  --color-gruen-hell: #8FA669;
  --color-gruen-kreativgeschenke: #4F7A45;
  --color-braun-hell: #9C8368;

  /* Zuordnung auf semantische Rollen für den globalen Seitenrahmen */
  --font-heading: 'Fraunces', serif;
  --font-body: 'Karla', sans-serif;
}

body {
  background-color: var(--color-sand-beige);
  color: var(--color-kaffeebraun);
  font-family: var(--font-body);
}

h1, h2, h3, h4, h5, h6,
.site-title,
.site-title a,
.entry-title,
.entry-title a {
  font-family: var(--font-heading);
  font-style: italic;
  font-weight: 500;
  color: var(--color-terrakotta);
}

a {
  color: var(--color-terrakotta);
}

a:hover,
a:focus {
  color: var(--color-waldgruen-dunkel);
}

.site-header {
  background-color: var(--color-sand-karte);
}

/* Der Feder-Schriftzug im Logo enthält "sehnsuchtstrunken" bereits handgeschrieben –
   der zusätzliche Text-Titel von GeneratePress daneben ist doppelt und wird ausgeblendet. */
.site-branding .main-title,
.site-branding .site-title {
  display: none;
}

.site-footer {
  background-color: var(--color-sand-karte);
  color: var(--color-kaffeebraun);
}

/* Kacheln, Karten, Newsletter-Box etc. auf Sand-Karte statt reinem Weiß.
   !important, weil GeneratePress für Sidebar-Widgets (.sidebar .widget) eine eigene,
   spezifischere Regel per Customizer-CSS ausgibt, die sonst gewinnen würde. */
.card,
.tile,
.widget,
.sidebar .widget,
.comment-form,
input[type="text"],
input[type="email"],
textarea {
  background-color: var(--color-sand-karte) !important;
  border-color: var(--color-terrakotta);
  color: var(--color-kaffeebraun) !important;
}

/* Birkenbaum-Motiv als dekoratives Element, z. B. am Seitenende */
.birch-motif {
  position: relative;
}

.birch-motif::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 160px;
  height: 320px;
  background-image: url('assets/birch-tree.svg');
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: contain;
  opacity: 0.9;
  pointer-events: none;
}

button,
.wp-block-button__link,
input[type="submit"] {
  background-color: var(--color-terrakotta);
  border-color: var(--color-terrakotta);
  color: var(--color-sand-beige);
  font-family: var(--font-body);
  font-weight: 700;
}

button:hover,
.wp-block-button__link:hover,
input[type="submit"]:hover {
  background-color: var(--color-waldgruen-dunkel);
  border-color: var(--color-waldgruen-dunkel);
}