/* Calvary Lutheran Church — design tokens.
   Overrides on top of open-props.min.css.
   See CLAUDE.md "CSS architecture" section for the why. */

:root {
  --clce-burgundy-1: #fbeae9;
  --clce-burgundy-3: #c98a86;
  --clce-burgundy-6: #8a2a26;
  --clce-burgundy-7: #6f1d1b;
  --clce-burgundy-9: #4a0f0e;

  --clce-cream: #faf6ef;
  --clce-paper: #ffffff;
  --clce-ink: #1c1917;
  --clce-ink-muted: #57534e;
  --clce-rule: #e7e2d8;

  --clce-bg: var(--clce-cream);
  --clce-fg: var(--clce-ink);
  --clce-fg-muted: var(--clce-ink-muted);
  --clce-accent: var(--clce-burgundy-7);
  --clce-accent-hover: var(--clce-burgundy-6);
  --clce-link: var(--clce-burgundy-7);

  --clce-font-heading: "Iowan Old Style", "Hoefler Text", "Apple Garamond",
    Baskerville, "Times New Roman", Times, serif;
  --clce-font-body: var(--font-system-ui);

  /* Body-prose width. Wider than the classic 70ch readability optimum so
     embedded media (hero images, image grids, audio players) get more room.
     Still narrower than --clce-page-max so there's a visible right rail. */
  --clce-content-max: 85ch;
  --clce-page-max: 1100px;
}