/* @fonts newsreader:500,600,700|schibsted-grotesk:400,500,600,700 */
/*
 * Motyw „Gazeta” — katalogi z dużą liczbą artykułów, serwisy lokalne i informacyjne.
 * Biel i czarna farba drukarska, szeryfowe tytuły (Newsreader), tekst użytkowy w Schibsted Grotesk.
 * Jeden powściągliwy akcent: butelkowa zieleń odnośników. Cienkie linie, gruba linia nad działem.
 */
:root {
  --font-body: "Schibsted Grotesk", "Segoe UI", system-ui, sans-serif;
  --font-display: "Newsreader", Georgia, "Times New Roman", serif;
  --display-weight: 600;
  --display-tracking: -0.016em;

  --bg: #ffffff;
  --surface: #ffffff;
  --surface-2: #f3f3f3;
  --border: #dadada;
  --border-strong: #767676;
  --text: #111111;
  --text-2: #333333;
  --muted: #636363;

  --primary: #111111;
  --primary-ink: #ffffff;
  --primary-soft: #e4f0ea;
  --link: #0c5a40;

  --accent: #0c5a40;
  --accent-ink: #083d2b;
  --accent-soft: #e4f0ea;
  --accent-on: #ffffff;

  --ok: #0f6b45;
  --danger: #b3261e;

  --header-bg: #ffffff;
  --header-text: #111111;
  --header-border: #111111;

  --hero-bg: #ffffff;
  --hero-text: #111111;
  --hero-muted: #333333;

  --footer-bg: #111111;
  --footer-text: #e9e9e9;
  --footer-muted: #a6a6a6;
  --footer-border: rgba(255, 255, 255, .22);

  --radius: 0px;
  --radius-lg: 0px;
  --shadow: 0 1px 0 var(--text);
}

/* szeryf w dużym stopniu, ciaśniejsza interlinia jak w tytułach prasowych */
h1 { font-size: clamp(2.2rem, 1.4rem + 3.2vw, 3.7rem); line-height: 1.06; }
h2 { font-size: clamp(1.55rem, 1.2rem + 1.4vw, 2.2rem); line-height: 1.12; }
h3, .entry__name, .article-card :is(h2, h3) { font-size: 1.25rem; line-height: 1.22; }
.brand { font-size: 1.5rem; font-weight: 700; }

/* gruba linia nad nazwą działu, cienka pod nagłówkiem strony */
.site-header { border-bottom-width: 2px; }
.hero { border-bottom: 1px solid var(--text); }
.section__head { padding-top: 12px; border-top: 2px solid var(--text); }
.chip, .badge, .reveal__btn { border-radius: 0; }
.entry-card { border-width: 0 0 1px; padding-inline: 0; }
.entry-card:hover { box-shadow: none; border-color: var(--text); }
.premium-gold .entry-card.is-premium, .premium-tint .entry-card.is-premium, .premium-bar .entry-card.is-premium { padding-inline: 16px; }