:root {
  --container-max: 85rem;
  --page-padding: clamp(1rem, 2vw, 2rem);
  --grid-columns: 12;

  --space-8: 0.5rem;
  --space-12: 0.75rem;
  --space-16: 1rem;
  --space-24: 1.5rem;
  --space-32: 2rem;
  --space-48: 3rem;
  --space-64: 4rem;
  --space-96: 6rem;

  --color-page: #ffffff;
  --color-surface: #f7f8fa;
  --color-surface-strong: #edf0f4;
  --color-text: #17202b;
  --color-text-muted: #526071;
  --color-border: #c9d1da;
  --color-border-strong: #7c8894;
  --color-link: #0b57d0;
  --color-link-hover: #073f99;
  --color-focus: #b54708;

  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-reading: ui-serif, Georgia, Cambria, "Times New Roman", serif;
  --text-body: 1.125rem;
  --line-body: 1.7;

  --card-image-ratio: 16 / 10;
  --archive-card-image-ratio: 16 / 10;
  --archive-card-gap: var(--space-24);
  --article-reading-width: 72ch;

  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --shadow-subtle: 0 0.25rem 0.75rem rgb(23 32 43 / 0.08);
  --motion-fast: 200ms ease;
  --header-height: 4.75rem;
}