/* Custom accent color - blue instead of purple */
:root,
[data-theme="light"] {
  --color-accent: #3269c2;
}

[data-theme="dark"] {
  --color-accent: #5a8fe6;
}

/* Wider content area */
.layout-page {
  max-width: 90rem;
}

.layout-page-tight {
  max-width: 85rem;
}

/* Wider prose content for blog posts */
.prose {
  max-width: 90ch;
}

/* Center ASCII diagrams (code blocks without language specification) */
pre:has(> code:not([class*="language-"])) {
  display: flex;
  justify-content: center;
}

pre:has(> code:not([class*="language-"])) code {
  text-align: left;
}