/* ABOUTME: Design tokens for Sött och gott — colour, type, spacing and shape in one place.
   ABOUTME: Change a value here and it changes everywhere on the site. */

:root {
  /* Green leads; warm paper keeps it from going cold, and copper appears only as punctuation. */
  --color-paper: #f8f6ee;
  --color-paper-green: #eaf0e4;
  --color-green: #38553f;
  --color-green-deep: #1e3324;
  --color-green-mid: #4d6b53;
  --color-green-pale: #d5e0d1;
  --color-ink: #26302a;
  --color-ink-soft: #5e6a5e;
  --color-rule: #c6d3c2;
  --color-copper: #9c6239;

  /* A serif carries the reading and the headlines; the sans is for small upright labels only. */
  --font-serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
  --font-sans: "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;

  --step--1: clamp(0.86rem, 0.84rem + 0.1vw, 0.92rem);
  --step-0: clamp(1.05rem, 1.02rem + 0.15vw, 1.13rem);
  --step-1: clamp(1.2rem, 1.14rem + 0.3vw, 1.35rem);
  --step-2: clamp(1.4rem, 1.3rem + 0.5vw, 1.7rem);
  --step-3: clamp(1.7rem, 1.5rem + 1vw, 2.3rem);
  --step-4: clamp(2.4rem, 1.7rem + 3vw, 4.2rem);

  --space-2xs: 0.35rem;
  --space-xs: 0.6rem;
  --space-s: 1rem;
  --space-m: 1.75rem;
  --space-l: 3rem;
  --space-xl: 5rem;
  --space-2xl: 8rem;

  --radius: 3px;

  --measure: 58ch;
  --page-max: 46rem;
  --page-max-wide: 72rem;

  /* Cards lift off the paper just enough to read as separate things. */
  --shadow: 0 1px 2px rgba(30, 51, 36, 0.06);
  --shadow-lifted: 0 6px 18px rgba(30, 51, 36, 0.12);
}