/* heimwerkbuch.de – Design-System „Pinnwand des Autors“ (Maik gewählt 03.11.2026).
   Einzige Quelle für Farben, Schriften und Maße. Das Bau-Skript kopiert diese Datei nach website/assets/css/. */
@font-face{font-family:"Gambetta";src:url("../fonts/gambetta-variabel.woff2") format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:"Gambetta";src:url("../fonts/gambetta-variabel-kursiv.woff2") format("woff2");font-weight:300 700;font-style:italic;font-display:swap}
@font-face{font-family:"General Sans";src:url("../fonts/general-sans-variabel.woff2") format("woff2");font-weight:200 700;font-style:normal;font-display:swap}
@font-face{font-family:"General Sans";src:url("../fonts/general-sans-variabel-kursiv.woff2") format("woff2");font-weight:200 700;font-style:italic;font-display:swap}

:root{
  /* Farben */
  --werkbank:#e9e1d3;      /* Grundfläche, helles Sperrholz */
  --papier:#f6f1e7;        /* Lesefläche, Zettel-Hintergrund */
  --weiss:#ffffff;
  --tinte:#1b2a4a;         /* Text, dunkle Bänder (Navy wie das Buchcover) */
  --tinte-2:#3a4766;       /* Nebentext */
  --linie:#cbbfa9;
  --ziegel:#c8312a;        /* Kaufknöpfe, Akzent (weiße Schrift 5,8:1) */
  --ziegel-text:#a2271f;   /* roter Text auf hellem Grund */
  --klebeband:#f2c230;     /* Klebeband auf den Zetteln */
  --haken:#2f6b46;         /* Haken in Checklisten */

  /* Schrift */
  --schrift-titel:"Gambetta",Georgia,"Times New Roman",serif;
  --schrift-text:"General Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --gr-xs:.82rem; --gr-s:.92rem; --gr-m:1.06rem; --gr-l:1.25rem;
  --gr-h3:clamp(1.3rem,1.1rem + .8vw,1.65rem);
  --gr-h2:clamp(1.9rem,1.4rem + 2vw,2.9rem);
  --gr-h1:clamp(2.6rem,1.6rem + 4.4vw,5rem);

  /* Maße */
  --breite:72rem; --lesebreite:44rem;
  --rand:clamp(1rem,.5rem + 2.5vw,2.5rem);
  --abstand:clamp(3.5rem,2.5rem + 4vw,6.5rem);
  --radius:10px; --radius-gross:18px;
  --schatten-zettel:0 14px 30px -10px rgba(27,42,74,.42);
  --schatten-weich:0 20px 50px -24px rgba(27,42,74,.45);
  --bewegung:.22s cubic-bezier(.2,.7,.2,1);
}