/* Garten Theme — Editorial Botany (eigenständige Variante)
   Fraunces (Display) + Newsreader (Lesetext), warmes Papier, Salbei-Akzent.
   Schriften werden lokal ausgeliefert — keine Anfragen an Google Fonts.

   Diese Datei bündelt die Garten-Identität (Schriften, Palette), die zuvor fest
   in styles.css stand, als wählbares Theme — parallel zu pkm.css.
   Laden über _layout.html mit  wiki_theme = "garten".  Das übrige Layout
   (Spaltenbreite, Komponenten) kommt weiterhin aus styles.css. */

/* ——— Lokale Schriften ———————————————————— */

@font-face {
  font-family: 'Fraunces';
  src: url('/static/fonts/Fraunces.woff2') format('woff2');
  font-weight: 300 900;          /* variabel; Achsen opsz & SOFT via font-variation-settings */
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fraunces';
  src: url('/static/fonts/Fraunces-Italic.woff2') format('woff2');
  font-weight: 300 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Newsreader';
  src: url('/static/fonts/Newsreader.woff2') format('woff2');
  font-weight: 300 700;          /* variabel; Achse opsz via font-variation-settings */
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Newsreader';
  src: url('/static/fonts/Newsreader-Italic.woff2') format('woff2');
  font-weight: 300 700;
  font-style: italic;
  font-display: swap;
}

:root {
  --paper:        #F6F1E7;
  --paper-raised: #FAF7F0;
  --ink:          #1F1A17;
  --ink-soft:     #4A4238;
  --ink-muted:    #8A8175;
  --ink-faint:    #6F6A5C;   /* Meta/Hints/Colophon. AA 4,79:1 auf --paper – anders als in
                                pkm/philosophie ist hier --paper die DUNKLERE der beiden
                                Flächen und damit der kritische Fall (--paper-raised: 5,04:1).
                                Der Vorgänger #777163 kam auf --paper nur auf 4,31:1. */
  --rule:         #E3DAC8;
  --rule-soft:    #EDE5D5;
  --sage:         #5B6B4A;
  --sage-deep:    #3F4F34;
  --sage-light:   #8FA07A;
  --sage-wash:    #EAEFE0;

  --serif:   'Newsreader', 'Iowan Old Style', Georgia, serif;
  --display: 'Fraunces', 'Hoefler Text', Garamond, serif;
}

/* ——— Papierfläche ———————————————————————— */

/* background-image: none schaltet die Rauschtextur aus styles.css ab –
   gleiches Muster wie pkm.css und philosophie.css. Die Textur lag hier bis
   2026-07-26 und war mit bloßem Auge nicht zu erkennen (3,5 % Deckkraft),
   kostete aber real 0,21 Kontrastpunkte: --ink-faint sank am dunkelsten
   Texturpixel von 4,79:1 auf 4,58:1. Zudem kann axe-core Kontrast gegen ein
   Hintergrundbild nicht bestimmen und meldet „incomplete“ statt eines
   Messwerts – die Fläche fiel damit still aus der AA-Prüfung. */
body {
  background-image: none;
  background: var(--paper);
}

/* ——— Marken-Optik (optische Größe der Fraunces) ——— */

.side-brand {
  font-family: var(--display);
  font-variation-settings: "opsz" 36, "wght" 480, "SOFT" 30;
}

.side-brand em {
  font-style: italic;
  color: var(--sage-deep);
  font-variation-settings: "opsz" 36, "wght" 420, "SOFT" 80;
}