/* Cheldrop theme — Pond
 *
 * cheldrop-theme: pond
 * name: Pond
 * blurb: Deep green and quiet. Reads well in a dark room.
 *
 * This is an ordinary stylesheet in your site folder. Edit it, rename what you
 * like, or delete it and the site goes back to Cheldrop's default look.
 * Cheldrop links it into every page it generates, last, so these tokens win.
 *
 * A theme is a look, not a light/dark mode: because it wins over the built-in
 * styles, the site looks like this whatever the reader's system is set to. To
 * follow the system instead, add your own @media (prefers-color-scheme: dark)
 * block below and it will win in turn.
 *
 * The faces named here are never fetched — a published Cheldrop site makes no
 * network call for a font — so each falls back to the reader's system stack
 * unless you add @font-face rules of your own.
 *
 * Measured AA against #21493F: text 8.97, muted 6.40, links 5.82.
 */
:root {
  --bg: #21493F;
  --surface: #2A5449;
  --raised: #33604F;
  --border: #3A6156;

  --text: #F6F2E4;
  --muted: #C4D2C4;
  --faint: #7E9689;

  --accent: #9ED0B8;
  --accent-ink: #9ED0B8;
  --on-accent: #21493F;

  --code-bg: #2A5449;

  --radius: 10px;
  --radius-lg: 18px;

  --font-display: 'Familjen Grotesk', system-ui, sans-serif;
  --font-ui: 'Public Sans', system-ui, -apple-system, sans-serif;
  --display-weight: 600;
  --display-tracking: -0.02em;
}