/* ============================================================
   Premium editorial theme for Glance
   - Inter for UI / body (replaces the default JetBrains Mono)
   - Fraunces (serif) for headlines & article titles
   - Generous whitespace on desktop
   ============================================================ */

/* Base: clean neutral sans instead of the default monospace */
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-variant-ligatures: normal;
  line-height: 1.7;
  letter-spacing: 0.1px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Serif headlines — widget titles & article headlines */
.widget-header,
.size-h1, .size-h2, .size-h3, .size-h4,
.size-title-dynamic {
  font-family: 'Libre Baskerville', Georgia, 'Times New Roman', serif;
  font-weight: 400;
  letter-spacing: 0;
}

/* Widget titles: large, flush to the card edge */
.widget-header {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0;
  margin-bottom: 1.5rem;
  padding-inline: 0;
  color: var(--color-text-highlight);
}

/* Title-case widget headers & tabs (Glance uppercases them by default) */
.widget-header,
.widget-header *,
.widget-group-title {
  text-transform: none !important;
}

/* Article / post headlines: serif with relaxed leading */
.size-h3,
.size-title-dynamic {
  font-weight: 700;
  line-height: 1.45;
}

/* RSS: drop the redundant feed-source line, keep the timestamp */
.widget-type-rss .list-horizontal-text li.min-width-0,
.widget-type-rss .list-horizontal-text li:has(a) {
  display: none;
}
/* ...and remove the now-dangling "•" separators (only the timestamp remains) */
.widget-type-rss .list-horizontal-text li::after {
  content: none !important;
}

/* Softer, more premium widget cards */
:root {
  --border-radius: 9px;
}

/* Generous whitespace on desktop (leave mobile compact) */
@media (min-width: 700px) {
  :root {
    --widget-gap: 32px;
    --widget-content-vertical-padding: 22px;
    --widget-content-horizontal-padding: 24px;
    --content-bounds-padding: 26px;
  }
}
