/* Designsprache nach Referenz 01 (Brand/UI North Star):
   warmes Ivory, Champagner, Bronze, Graphit; Serif + feine Sans. */
:root {
  --ivory: #f6f1e8;
  --ivory-hi: #fbf8f2;
  --champagne: #e7d8bc;
  --sand: #d8c4a0;
  --bronze: #a07a45;
  --bronze-deep: #6f4f27;
  --gold: #c9a66b;
  --graphite: #1c1916;
  --graphite-soft: #2a2521;

  --ink: #2b2621;
  --ink-soft: #5b5147;
  --ink-mute: #8b7f71;
  --on-dark: #f4ecdf;
  --on-dark-soft: rgba(244, 236, 223, .74);
  --on-dark-mute: rgba(244, 236, 223, .5);

  --hair: rgba(111, 79, 39, .24);
  --hair-strong: rgba(111, 79, 39, .4);
  --hair-dark: rgba(244, 226, 196, .24);

  --serif: "Cormorant Garamond", "Cormorant", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --sans: "Jost", "Futura", "Avenir Next", "Helvetica Neue", ui-sans-serif, system-ui, sans-serif;

  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-inout: cubic-bezier(.65, 0, .35, 1);

  --gutter: clamp(20px, 4.2vw, 64px);
  --top: clamp(18px, 3.2vh, 34px);
}