/*
Theme Name: Zauberwelt Child
Theme URI: https://zauberwelt.heiligenhaus.de
Description: Child-Theme fuer die staedtische Kita & Familienzentrum Zauberwelt (Stadt Heiligenhaus). Setzt die Marken-Schrift Quicksand (lokal eingebunden, kein Google-CDN, DSGVO-konform), die gruenen Markenfarben und die Grundtypografie auf Basis des Eltern-Themes Hello Biz. Seiten-Layouts werden mit Elementor auf diesem Fundament gebaut.
Author: Stadt Heiligenhaus
Template: hello-biz
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: zauberwelt-child
*/

/* ============================================================
   1. Marken-Schrift Quicksand – lokal eingebunden (DSGVO)
   ============================================================ */
@font-face{font-family:'Quicksand';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/quicksand-400.woff2') format('woff2');}
@font-face{font-family:'Quicksand';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/quicksand-500.woff2') format('woff2');}
@font-face{font-family:'Quicksand';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/quicksand-600.woff2') format('woff2');}
@font-face{font-family:'Quicksand';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/quicksand-700.woff2') format('woff2');}

/* ============================================================
   2. Marken-Farben als Variablen (zum Wiederverwenden)
   ============================================================ */
:root{
  --zw-bg:#F6F5F0;
  --zw-paper:#FFFFFF;
  --zw-ink:#22271C;
  --zw-ink-2:#3D4535;
  --zw-muted:#5C6350;
  --zw-line:#DDDACF;
  --zw-green:#6D8249;        /* Marken-Gruen (Flaechen, Icons) */
  --zw-green-btn:#5B6E3C;    /* Buttons mit weisser Schrift */
  --zw-green-dark:#4C5A32;   /* Hover / aktiv */
  --zw-green-ink:#42502C;    /* gruener Text / Links auf hell */
  --zw-green-soft:#E9EDDD;   /* helle gruene Flaeche */
  --zw-red:#C0001A;          /* Stadt-Rot (dezenter Bezug) */
  --zw-dark:#23281C;         /* dunkle Baender / Footer */
}

/* ============================================================
   3. Grundtypografie
   ============================================================ */
body{
  color:var(--zw-ink);
}
h1,h2,h3,h4,h5,h6,
.elementor-heading-title,
.elementor-widget-heading .elementor-heading-title{
  font-family:'Quicksand', system-ui, sans-serif;
  letter-spacing:-.2px;
}

/* Textlinks in der Marke */
a{color:var(--zw-green-ink);}
a:hover{color:var(--zw-green-dark);}

/* ============================================================
   4. Buttons (Elementor & Standard) dezent an die Marke anlehnen.
      Nur Basisstil – individuelle Elementor-Einstellungen gehen vor.
   ============================================================ */
.elementor-button,
.wp-block-button__link,
button.btn,
input[type="submit"]{
  font-family:'Quicksand', system-ui, sans-serif;
  font-weight:600;
  border-radius:10px;
}

/* Fokus-Sichtbarkeit (Barrierefreiheit) */
a:focus-visible,
button:focus-visible,
.elementor-button:focus-visible,
input:focus-visible,
textarea:focus-visible{
  outline:3px solid var(--zw-green-dark);
  outline-offset:2px;
}