/* ===================================================================
   Blog light mode — nadpisuje ciemne tokeny figmatoreact
   Ładowane tylko na: blog archive, single post, kategoria, autor
   =================================================================== */

body.blog,
body.single,
body.single-post,
body.category,
body.author,
body.search {
  --color-bg:       #FAF9F7;
  --color-surface:  #F1EFEB;
  --color-text:     #232323;
  --color-border:   #E6E3DD;

  --surface-base:   #FAF9F7;
  --surface-raised: #F1EFEB;
  --surface-04:     rgba(35, 35, 35, 0.06);
  --color-ink:      #232323;
  --ink-90:         rgba(35, 35, 35, 0.9);
  --ink-62:         rgba(35, 35, 35, 0.62);
  --ink-50:         rgba(35, 35, 35, 0.50);
  --ink-48:         rgba(35, 35, 35, 0.48);
  --ink-28:         rgba(35, 35, 35, 0.28);
  --color-dark-text: #232323;

  background: #FAF9F7;
  color: #232323;
}

/* Szerokość = ta sama co reszta strony (76.8rem) */
body.blog .blog-archive,
body.single .blog-archive,
body.category .blog-archive,
body.author .blog-archive {
  --blog-max: 76.8rem;
  --blog-px: max(var(--page-padding, 2rem), calc((100vw - 76.8rem) / 2));
}

/* Brak separatora pod featured */
body.blog .blog-featured {
  border-bottom: none;
}

/* Offset pod fixed nav (~68px) + dodatkowy oddech */
body.blog .blog-featured {
  padding-top: calc(68px + 2rem);
  padding-bottom: 2rem;
}

/* Featured — obrazek rozciąga się na pełną wysokość kolumny */
body.blog .blog-featured__image {
  min-height: 0;
  max-height: none;
  align-self: stretch;
}

/* Featured title — h3 zamiast h2 */
body.blog .blog-featured__title {
  font-size: var(--font-h3);
}

/* Featured excerpt — taki sam jak w kartach */
body.blog .blog-featured__excerpt {
  font-size: var(--font-caption);
  line-height: 1.6;
}

/* Kategoria — Mansalva (odręczna), większa */
body.blog .blog-featured__cat,
body.blog .blog-post-card__cat {
  font-family: var(--font-decorative, 'Mansalva', cursive);
  font-weight: 400;
  font-size: 1.4rem;
  text-transform: none;
  letter-spacing: 0;
}

/* Nav jasny — border-bottom jako separator */
body.blog .nav,
body.single .nav,
body.single-post .nav,
body.category .nav,
body.author .nav {
  background: #FAF9F7;
  border-bottom: 1px solid rgba(35, 35, 35, 0.08);
}

body.blog .nav__logo-text,
body.single .nav__logo-text,
body.single-post .nav__logo-text,
body.category .nav__logo-text,
body.author .nav__logo-text {
  color: #232323;
}

body.blog .nav__burger span,
body.single .nav__burger span,
body.single-post .nav__burger span,
body.category .nav__burger span,
body.author .nav__burger span {
  background: #232323;
}

/* Uwaga: .nav-overlay (wrapper pełnoekranowy, zawsze w DOM) NIE dostaje tła —
   to samo w sobie by je permanentnie zasłaniało treść pod spodem, mimo
   pointer-events:none. Właściwe tło ma .nav-overlay__sheet (var(--surface-raised)),
   które i tak poprawnie dziedziczy nowy jasny token z bloku :root wyżej. */

body.blog .nav-overlay__links a,
body.single .nav-overlay__links a,
body.single-post .nav-overlay__links a,
body.category .nav-overlay__links a,
body.author .nav-overlay__links a {
  color: #232323;
}

body.blog .nav-overlay__tagline,
body.single .nav-overlay__tagline,
body.single-post .nav-overlay__tagline,
body.category .nav-overlay__tagline,
body.author .nav-overlay__tagline {
  color: rgba(35, 35, 35, 0.5);
}