/* ============================================================
   Lebensgrund — Design-Tokens (Production)
   Werte aus den abgenommenen Final-Artboards abgeleitet — NICHT
   aus tokens/ des Design-Workspace (dort ältere, gedriftete Werte).
   AA-Kontrastfixe (freigegeben): --accent-strong, --ink-faint.
   ============================================================ */

/* ---- Fonts: lokale Variable-WOFF2 (kein Google-CDN, DSGVO) ---- */
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("../fonts/cormorant-garamond-var.woff2") format("woff2-variations");
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: italic;
  font-weight: 400 500;
  font-display: swap;
  src: url("../fonts/cormorant-garamond-italic-var.woff2") format("woff2-variations");
}
@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 300 500;
  font-display: swap;
  src: url("../fonts/jost-var.woff2") format("woff2-variations");
}

:root {
  /* ---- Flächen ---- */
  --paper: #f4f1e4;
  --paper-footer: #f4f1e3;
  --field-bg: #e8edbf;
  --card-bg: #faf7e9;

  /* ---- Ink ---- */
  --ink: #34431e;
  --ink-body: #5f6347;
  --ink-soft: #5c6a3a;
  --ink-cite: #235a1e;
  --ink-faint: #6c6c50;        /* AA-Fix: ersetzt #8a8a6a (3,1:1 → 4,8:1) */
  --ink-on-dark: #f6f1e7;
  --ink-on-dark-soft: #e8ecdc;
  --price-green: #57771f;

  /* ---- Akzent ---- */
  --accent: #cf8233;
  --accent-strong: #a05a12;    /* AA-Fix: weißer Text erst hierauf ≥ 4,5:1 */
  --accent-hover: #b76e26;

  /* ---- Washes / Bänder / Wellen ---- */
  --wash-sage: #dde6bb;
  --wave-fill: #dde6bbf2;
  --band-flat: #dfe6d4;        /* Mobile-Band (Mobile-Artboard) */
  --band-grad-down: linear-gradient(180deg, #dde6bbf2, #faffeab8, #fffbf1b3);
  --band-grad-up: linear-gradient(0deg, #dde6bbf2, #f8ffdeb7, #fffbf1b3);
  --overlay-grad: linear-gradient(to top, rgba(33, 42, 18, 0.9) 0%, rgba(33, 42, 18, 0.55) 55%, rgba(33, 42, 18, 0) 100%);

  /* ---- Kreise ---- */
  --circle-sand: #e6d1afe0;
  --circle-butter: #ffeeb3;
  --circle-gold: #f6b74f;
  --circle-moss: #abc17f;
  --circle-apricot: #ffd07ad1;
  --circle-gold-m: #fac93c;    /* Mobile Startseite: Zitat-Kreis */
  --circle-amber-m: #f3b004;   /* Mobile Startseite: CTA-Kreis */

  /* ---- Linien & Punkte ---- */
  --line: rgba(74, 86, 40, 0.4);
  --line-mid: rgba(74, 86, 40, 0.32);
  --line-soft: rgba(74, 86, 40, 0.28);
  --line-faint: rgba(74, 86, 40, 0.18);
  --line-strong: #4a56288c;
  --line-deco: #4a56284d;
  --dot: #34431e;
  --bullet: rgba(74, 86, 40, 0.34);

  /* ---- Typografie ---- */
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-body: "Jost", system-ui, -apple-system, sans-serif;
  --fs-body: 17px;
  --lh-body: 1.95;
  --fs-body-m: 16px;
  --lh-body-m: 1.85;
  --fs-list: 18px;
  --lh-list: 1.5;
  --fs-lede: 20px;
  --lh-lede: 1.8;
  --fs-eyebrow: 20px;
  --fs-eyebrow-lg: 22px;
  --fs-eyebrow-xl: 24px;
  --ls-eyebrow: 0.34em;
  --fs-nav: 16px;
  --ls-nav: 2px;
  --fs-button: 14px;
  --ls-button: 0.2em;
  --fs-service: 32px;
  --fs-meta: 14px;
  --fs-quote: clamp(17px, 3vw, 30px);
  --lh-quote: 1.5;

  /* ---- Layout ---- */
  --content-max: 1180px;
  --gutter: 120px;
  --gutter-m: 22px;
  --col-gap: 50px;
  --heading-gap: clamp(38px, 5vw, 60px);
  --cta-gap: clamp(36px, 5vw, 56px);

  /* ---- Form & Motion ---- */
  --radius: 0px;               /* Marke: scharfe Ecken */
  --radius-card-m: 32px;       /* Mobile: Kreis → Karte */
  --dur-fast: 0.25s;
  --dur: 0.3s;
  --dur-nav: 0.35s;
  --ease: ease;
  --ease-reveal: cubic-bezier(0.22, 0.61, 0.36, 1);
  --header-blur: blur(8px);
}

/* Reiki hat einen wärmeren Seiten-Hintergrund (Final-Artboard) */
body.page-reiki {
  --paper: #f7f0e0;
}