:root {
  --layout-max-width: 61rem;
  --bp-desktop-min: 768px;
  --bp-wide-min: 1200px;
  --header-title-size: 1.3rem;
  --header-tagline-size: 1rem;
  --c-bg: #ffffff;
  --c-fg: #000000;
  --c-heading: #0b1f3a;
  --c-title-fg: #0b1f3a;
  --c-muted: #8c8c8c;
  --c-surface: #f5f5f5;
  --c-border: #d9d9d9;
  --c-link: #0b1f3a;
  --c-link-hover: #091a31;
  --c-accent: #0b1f3a;
  --c-nav-bg: #000000;
  --c-nav-fg: #ffffff;
  --c-nav-border: #ffffff;
  --c-code-bg: #ebebeb;
  --c-code-fg: #000000;
  --c-quote-bg: #f7f7f7;
  --c-quote-border: #d9d9d9;
  --c-wide-bg: #ffffff;
  --wide-bg-image: url("/images/background-image.jpg");
  --wide-bg-repeat: no-repeat;
  --wide-bg-size: cover;
  --wide-bg-position: center;
  --wide-bg-opacity: 1;
}