A typographic experiment

This post overrides the global theme to dark, swaps the accent color to amber, constrains the line length, and reaches for a serif headline — all from the frontmatter. Nothing about the shared layout had to change.

Why this matters

Default styles should be opinionated and correct. Overrides should be cheap. A blog post that wants to be visually distinct shouldn’t require a one-off component file or a Tailwind config change — it should just declare what’s different and move on.

What’s available

  • styles.theme — switches light / dark
  • styles.tokens — any CSS variable, scoped to :root for this page
  • styles.css — raw CSS, scoped to this page
  • styles.proseClass — extra class on the <article> wrapper

That’s the whole API.