/* ============================================================
   timkoopmans.com — Obsidian Publish theme
   Font only: Atkinson Hyperlegible Next
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Next:wght@200..800&family=Atkinson+Hyperlegible+Mono:wght@200..800&display=swap');

body.theme-light,
body.theme-dark,
:root {
  --font-text-theme: "Atkinson Hyperlegible Next", "Atkinson Hyperlegible", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-interface-theme: "Atkinson Hyperlegible Next", "Atkinson Hyperlegible", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-monospace-theme: "Atkinson Hyperlegible Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}

html,
body,
.markdown-preview-view,
.published-container,
.site-body-left-column,
.site-body-right-column,
.site-body-center-column {
  font-family: "Atkinson Hyperlegible Next", "Atkinson Hyperlegible", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "kern", "liga", "calt";
}

code,
pre,
pre code,
.markdown-preview-view code,
.markdown-preview-view pre {
  font-family: "Atkinson Hyperlegible Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}

/* All callouts use question-mark icon; colors stay Obsidian defaults. */
.callout { --callout-icon: lucide-help-circle; }

/* Tighten callout titles where we use the title-line as a link header. */
.callout-title { font-weight: 600; }
.callout-content > p:first-child { margin-top: 0.25em; }
.callout-content > p:last-child  { margin-bottom: 0.25em; }