/* Adjust these values per app. Keep layout rules in styles.css. */
:root {
  --page: #f6f8fb;
  --surface: #ffffff;
  --ink: #19283b;
  --muted: #536479;
  --accent: #245da8;
  --accent-soft: #e8f0fc;
  --line: #dce4ee;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --font-heading: "Avenir Next", "Segoe UI", Arial, sans-serif;
  --site-width: 1120px;
  --reading-width: 720px;
  --page-gutter: 24px;
  --section-space: 64px;
  --radius: 20px;
  --nav-radius: 8px;
  --title-size: clamp(38px, 4.5vw, 60px);
  --title-weight: 650;
  --body-leading: 1.8;
  --image-gap: 20px;
}