:root {
  color-scheme: light;

  --color-ivory: #f4f2ee;
  --color-charcoal: #2a3134;
  --color-burgundy: #621e29;
  --color-burgundy-dark: #4e1720;
  --color-ink-soft: #5b6366;
  --color-line: #c9cdcf;
  --color-error: #8a1f1f;
  --color-mist: #e3ebf0;
  --color-lotus: #8fb0c2;
  --color-galbano: #d1d262;

  --color-bg: var(--color-ivory);
  --color-text: var(--color-charcoal);
  --color-accent: var(--color-burgundy);
  --color-bg-inverse: var(--color-burgundy);
  --color-text-inverse: var(--color-ivory);

  --font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Newsreader", Georgia, "Times New Roman", serif;
  --font-mono: "IBM Plex Mono", Menlo, Consolas, monospace;
}

/* Type scale, generated by Utopia (utopia.fyi). To change it, open the @link,
   adjust, and paste the output back over the block. Restored 2026-10-24. */
/* @link https://utopia.fyi/type/calculator?c=320,18,1.2,1240,21,1.333,5,1,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

:root {
  --step--1: clamp(0.9375rem, 0.9211rem + 0.0819vw, 0.9846rem); /* 15 → 16px */
  --step-0: clamp(1.125rem, 1.0598rem + 0.3261vw, 1.3125rem); /* 18 → 21px */
  --step-1: clamp(1.35rem, 1.211rem + 0.6949vw, 1.7496rem); /* 22 → 28px */
  --step-2: clamp(1.62rem, 1.3723rem + 1.2386vw, 2.3322rem); /* 26 → 37px */
  --step-3: clamp(1.944rem, 1.5389rem + 2.0257vw, 3.1088rem); /* 31 → 50px */
  --step-4: clamp(2.3328rem, 1.7028rem + 3.1499vw, 4.144rem); /* 37 → 66px */
  --step-5: clamp(2.7994rem, 1.8517rem + 4.7384vw, 5.524rem); /* 45 → 88px */
}