:root {
  --color-page: #ffffff;
  --color-glow: #febd64;
  --color-ink: #633c00;
  --color-badge: #55433c;
  --color-muted: #8b726b;
  --color-line: #dbc1b8;
  --color-rule: #8a3c1b;
  --color-dot: #febd64;

  --font-serif: "EB Garamond", "Palatino Linotype", Palatino, Georgia, serif;
  --font-sans: "Outfit", "Avenir Next", "Segoe UI", sans-serif;
  --font-label: "DM Sans", var(--font-sans);

  --space-page-x: 20px;
  --space-page-y: 28px;
  --chip-radius: 12px;
  --chip-pad-y: 4px;
  --chip-pad-x: 12px;
  --chip-min-height: 27px;

  --content-width: 510px;
  --z-art: 0;
  --z-content: 1;

  /* Full-page background art, one per breakpoint (see layout.css) */
  --art-bg-sm: url("../assets/background-sm.svg");
  --art-bg-md: url("../assets/background-md.svg");
  --art-bg-lg: url("../assets/background-lg.svg");
}