/* amatic-sc-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Amatic SC';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/amatic-sc-v28-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/fonts/amatic-sc-v28-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/open-sans-v44-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/fonts/open-sans-v44-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/open-sans-v44-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/fonts/open-sans-v44-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

:root{
  /* Farben */
  --tl-brand: var(--accent);          /* TreeLove Grün */
  --tl-ink:   var(--base);           /* Text dunkel */
  --tl-accent: var(--global-color-8);                /* Akzent (Links etc.) */
  
/*  --tl-accent:#48c6ff; */          /* Akzent (Links etc.) */

  --tl-muted: #5a6b74;
  --tl-bg:    #f4f8f9;
  --tl-white: #fff;

  /* Radien */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;

  /* Abstände (Basis 8px) */
  --space-1: .5rem;   /* 8px */
  --space-2: 1rem;    /* 16px */
  --space-3: 1.5rem;  /* 24px */
  --space-4: 2rem;    /* 32px */
  --space-5: 3rem;    /* 48px */
  --space-6: 4rem;    /* 64px */

  /* Schatten & Overlays */
  --elev-1: 0 6px 18px rgba(15,37,48,.08);
  --glass-bg: rgba(255,255,255,.82);
  --glass-blur: 8px;
}

/* Utility Scope für beide Welten */
:where(.editor-styles-wrapper, .is-frontend){
  --container-max: min(1200px, 94vw);
}

:root,
:where(.editor-styles-wrapper){
  /* Schriftfamilien */
  --font-ui: 'Amatic SC', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --font-body: 'Open Sans', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;

  /* Schriftgewichte (optional für Konsistenz) */
  --fw-regular: 400;
  --fw-bold: 700;
  --fw-light: 300;
}

/* für Hero-Verschiebung  */
:root {
  --header-h: 57px;          /* Sticky-Header-Höhe */
  --adminbar-h: 32px;        /* WP-Adminbar Desktop */
}
@media (max-width: 782px) {
  :root { --adminbar-h: 46px; }
}

/* Scrollbar-sicher (einmal global) */
:root{ --sbw: calc(100vw - 100%); }