/*
 * chooch-ds — Andrea Motekaitis's archive of handmade things.
 *
 * GENERATED by scripts/build-css.mjs from src/tokens.ts. Do not edit by hand.
 *
 * Two things live here: the five self-hosted families the archive is set in,
 * and every design token as a CSS custom property. Components reference the
 * tokens as var(--chooch-x, <literal>), so this stylesheet themes them but is
 * never required for them to render correctly.
 */

/* @ds-font-face-dropped: unresolvable src */

/* @ds-font-face-dropped: unresolvable src */

/* @ds-font-face-dropped: unresolvable src */

/* @ds-font-face-dropped: unresolvable src */

/* @ds-font-face-dropped: unresolvable src */

/* @ds-font-face-dropped: unresolvable src */

/* @ds-font-face-dropped: unresolvable src */

/* @ds-font-face-dropped: unresolvable src */

/* @ds-font-face-dropped: unresolvable src */

/* @ds-font-face-dropped: unresolvable src */

:root {
  --chooch-ink: #2b251b;
  --chooch-ink-deep: #1e180e;
  --chooch-accent: #c25a3a;
  --chooch-accent-deep: #9c4227;
  --chooch-paper: #fffdf8;
  --chooch-paper-warm: #fdfaf1;
  --chooch-panel: #faf6ec;
  --chooch-stage: #f1eadc;
  --chooch-canvas: #f4eee0;
  --chooch-canvas-top: #f8f4ec;
  --chooch-canvas-bottom: #efe5d2;
  --chooch-rule: rgba(43, 37, 27, 0.16);
  --chooch-font-body: 'EB Garamond', Georgia, serif;
  --chooch-font-display: 'Cormorant Garamond', Georgia, serif;
  --chooch-font-title-italiana: 'Italiana', Georgia, serif;
  --chooch-font-title-marcellus: 'Marcellus', Georgia, serif;
  --chooch-font-mono: 'IBM Plex Mono', monospace;
  --chooch-track-tight: 0.04em;
  --chooch-track-label: 0.14em;
  --chooch-track-wide: 0.2em;
  --chooch-track-eyebrow: 0.34em;
  --chooch-ease: cubic-bezier(0.2, 0.7, 0.3, 1);
  --chooch-dur-fast: 0.28s;
  --chooch-dur-base: 0.3s;
  --chooch-dur-slow: 0.45s;
  --chooch-dur-image: 0.5s;
}

/* Page baseline. PortfolioRoot paints the gradient ground; this is the flat
   fallback underneath it, so a screen reads as paper even before it mounts. */
html,
body {
  margin: 0;
  background: var(--chooch-canvas, #f4eee0);
  color: var(--chooch-ink, #2b251b);
  font-family: var(--chooch-font-body, "EB Garamond", Georgia, serif);
}

a {
  color: var(--chooch-accent, #c25a3a);
}

a:hover {
  color: var(--chooch-accent-deep, #9c4227);
}

::selection {
  background: rgba(194, 90, 58, 0.2);
}