:root {
  --layout-max-width: 72rem;
  --bp-desktop-min: 768px;
  --bp-wide-min: 1400px;
  --header-title-size: 1.3rem;
  --header-tagline-size: 1rem;
  --c-bg: #ffffff;
  --c-fg: #334155;
  --c-heading: #0f172a;
  --c-title-fg: #0f172a;
  --c-muted: #a3aab3;
  --c-surface: #f7f7f8;
  --c-border: #e0e3e6;
  --c-link: #0056c9;
  --c-link-hover: #0853b8;
  --c-accent: #0066ed;
  --c-accent-fg: #ffffff;
  --c-nav-bg: #ffffff;
  --c-nav-fg: #334155;
  --c-nav-border: #e2e8f0;
  --c-code-bg: #eff0f1;
  --c-code-fg: #334155;
  --c-quote-bg: #f9f9fa;
  --c-quote-border: #e0e3e6;
  --c-wide-bg: #f5f8fc;
  --wide-bg-image: none;
  --wide-bg-repeat: no-repeat;
  --wide-bg-size: cover;
  --wide-bg-position: center top;
  --wide-bg-opacity: 0;
}