@import url("https://unpkg.com/@lumeland/ds@0.5.2/ds.css");
@import url("https://cdn.jsdelivr.net/gh/lumeland/theme-simple-blog@1.16.2/src/_includes/css/navbar.css");
@import url("https://cdn.jsdelivr.net/gh/lumeland/theme-simple-blog@1.16.2/src/_includes/css/page.css");
@import url("https://cdn.jsdelivr.net/gh/lumeland/theme-simple-blog@1.16.2/src/_includes/css/post-list.css");
@import url("https://cdn.jsdelivr.net/gh/lumeland/theme-simple-blog@1.16.2/src/_includes/css/post.css");
@import url("https://cdn.jsdelivr.net/gh/lumeland/theme-simple-blog@1.16.2/src/_includes/css/comments.css");
/* Theme CSS: Simple Blog ─────────────────────────────────────────────── */
/* @lumeland/ds design system + component styles */
/* Theme link colors */
:root {
  --color-link: var(--color-base);
  --color-link-hover: var(--color-dim);
}
/* Theme page layout: centered narrow column */
main {
  padding: var(--row-gap-medium) 0;
  max-width: min(100% - 15vw, 45em);
  margin: 0 auto;
}
main > :first-child {
  margin-top: 0;
}
/* Theme search tweak */
.search {
  margin-top: var(--row-gap-xsmall);
}
/* ───── Custom overrides ───── */
/* typography ──────────────────────────────────────────────────────────── */
:root {
  --font-family-display: "Google Sans Flex", sans-serif;
  --font-family-ui: "Google Sans Flex", sans-serif;
  --font-family-code: "Google Sans Code", monospace;
  --font-family-headings: "Google Sans Flex", sans-serif;
  --font-body: clamp(1rem, 5vw, 1.125rem) / 1.6 "Google Sans Flex", sans-serif;
  --font-body-bold: 600 clamp(1rem, 5vw, 1.125rem) / 1.6 "Google Sans Flex", sans-serif;
  --font-small: clamp(0.85rem, 4vw, 0.9rem) / 1.4 "Google Sans Flex", sans-serif;
  --font-small-bold: 600 clamp(0.85rem, 4vw, 0.9rem) / 1.4 "Google Sans Flex", sans-serif;
  --font-extra-bold: 900;
}
/* logo ────────────────────────────────────────────────────────────────── */
.site-logo {
  height: 160px !important;
  width: auto;
}
[data-theme="dark"] .site-logo {
  filter: invert(1);
}
/* hierarchy ───────────────────────────────────────────────────────────── */
.post-title,
.page-title {
  font-weight: var(--font-extra-bold);
}
/* homepage thesis ─────────────────────────────────────────────────────── */
.home-thesis {
  font-weight: 900;
  font-size: clamp(1.2rem, 4vw, 1.5rem);
  max-width: 36em;
  line-height: 1.4;
  margin: 0.5rem 0 2rem;
}
.home-tagline {
  font-size: clamp(0.9rem, 3vw, 1rem);
  max-width: 36em;
  line-height: 1.5;
  margin: 0.5rem 0;
}
/* about gallery ───────────────────────────────────────────────────────── */
.about-gallery {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin: 1.5rem 0;
}
.about-thumb {
  height: 120px;
  width: auto;
  object-fit: cover;
}