/* HUNDREDHANDS Design-Tokens (Stand 29.10.2026, Quelle: HUNDREDHANDS-Präsentationen und -Anzeigen, Oktober 2026).
   Einbinden oder Werte 1:1 übernehmen. Keine weiteren Farben. */
:root{
  /* Flächen */
  --paper:#FDF9F4;        /* Grundfläche */
  --bone:#F2EDE5;         /* zweite Fläche, Rahmen */
  --cream:#FAF4EC;        /* weiche Fläche */
  --card:#FFFFFF;         /* Karten */
  --hair:#E8E1D7;         /* Linien, Kartenrand */
  /* Text */
  --ink:#191818;
  --ink-dim:rgba(25,24,24,.66);
  --ink-faint:rgba(25,24,24,.42);
  --stone:#6F6862;        /* Nebentext, Claim */
  /* Akzent: nur Kupfer */
  --copper:#B26A30;
  --copper-deep:#8F5222;  /* Kicker, Etiketten */
  --copper-light:#BA7B4A; /* nur Flächen und Verläufe */
  --copper-line:rgba(178,106,48,.32);
  --copper-wash:rgba(178,106,48,.07);
  /* Hintergrund der Folien */
  --bg-slide:linear-gradient(160deg,#FFFFFF 0%,#FDF9F4 48%,#F6EEE3 100%);
  /* Schriften */
  --f-display:"Fraunces",Georgia,serif;          /* Überschriften: 400, opsz 144; kursive Fortsetzung 300 in Kupfer */
  --f-text:"Inter",system-ui,sans-serif;          /* Fließtext 400/500 */
  --f-mono:"IBM Plex Mono",ui-monospace,monospace;/* Kicker, Etiketten, Buttons: Versalien, letter-spacing .16em bis .18em */
  /* Raster Folie 1920 x 1080 */
  --safe-x:140px; --safe-top:96px; --safe-bottom:150px;
  /* Radien und Schatten */
  --r-card:18px; --r-small:8px;
  --shadow-card:0 18px 50px rgba(25,24,24,.06);
  --shadow-photo:0 30px 80px rgba(25,24,24,.16);
}