/* Your theme's editable surface.
   These variables ARE the official way to restyle a crofty site. Edit freely —
   this file loads after the bundled theme, so whatever you set here wins. No
   matter how you change it, `crofty doctor` confirms your site still owns
   its content: a canonical link, a feed, and no third-party tracking.

   Want to change more than colour and type? `crofty theme eject --full`
   writes the whole theme (layouts + CSS) into your project to edit directly. */

:root {
  /* North Yard Studio — a cool, architectural palette with a teal accent and a
     sans body, set entirely through tokens (no layout changes). */
  --bg: #f7f8f9;        /* page background */
  --ink: #1b2024;       /* body text and headings */
  --muted: #687078;     /* dates, captions, secondary text */
  --line: #e1e5e8;      /* rules, borders, link underlines */
  --accent: #2f6f6a;    /* links on hover, active marks */
  --code-bg: #eef1f3;   /* inline code and code blocks */

  --measure: 38rem;     /* reading-column width */

  /* A sans body for a modern studio feel; chrome and mono unchanged. */
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Helvetica Neue", Arial, sans-serif;
  --font-chrome: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

/* Dark mode follows the reader's system setting. Delete this block to opt out,
   or set your own dark palette here. */
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #14181b;
    --ink: #e7ecef;
    --muted: #8b949c;
    --line: #282e33;
    --accent: #6fc4bc;
    --code-bg: #1c2226;
  }
}
