/* @fonts bricolage-grotesque:600,700|hanken-grotesk:400,500,600,700 */
/*
 * Motyw „Nocny” — ciemny: grafitowe powierzchnie (nie czerń), ciepły bursztyn jako kolor marki.
 * Nagłówki: Bricolage Grotesque, treść: Hanken Grotesk. Wyróżnienie premium: chłodny błękit.
 * Logo firm zostają na białych kaflach — tu celowo, jako jasne tabliczki z odstępem od tła.
 */
:root {
  color-scheme: dark;

  --font-body: "Hanken Grotesk", "Segoe UI", system-ui, sans-serif;
  --font-display: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;
  --display-weight: 600;
  --display-tracking: -0.02em;

  --bg: #1b1d21;
  --surface: #23262b;
  --surface-2: #2b2f35;
  --border: #3a3f47;
  --border-strong: #5e6570;
  --text: #f2f0ea;
  --text-2: #cdcac3;
  --muted: #a8a59e;

  --primary: #f0a83a;
  --primary-ink: #241600;
  --primary-soft: #3b2f1a;
  --link: #f3b655;

  --accent: #7fb7e6;
  --accent-ink: #dcecf9;
  --accent-soft: #1f3142;

  --ok: #62d09c;
  --danger: #ff8f80;

  --header-bg: #1b1d21;
  --header-text: #f2f0ea;
  --header-border: #3a3f47;

  --hero-bg: #23262b;
  --hero-text: #f2f0ea;
  --hero-muted: #cdcac3;

  --footer-bg: #141518;
  --footer-text: #d3d1ca;
  --footer-muted: #9d9b94;
  --footer-border: rgba(255, 255, 255, .1);

  --radius: 8px;
  --radius-lg: 12px;
  --shadow: 0 0 0 1px var(--border-strong), 0 18px 36px -18px rgba(0, 0, 0, .7);
}

.brand { font-weight: 700; }
.hero { border-bottom: 1px solid var(--border); }

/* białe kafle logo: bez szarej ramki, z cienkim odstępem w kolorze tła — wyglądają jak tabliczki */
.logo { border-color: transparent; box-shadow: 0 0 0 3px var(--bg), 0 0 0 4px var(--border); }
.logo--initial, .logo.is-broken { box-shadow: none; }

/* na jasnym błękicie wstążki potrzebny jest ciemny napis */
.premium-ribbon .entry-card.is-premium::before { color: var(--bg); }

.btn--primary:hover { filter: brightness(1.08); }
.ad img, .article-card__cover img { filter: brightness(.94); }
.popup-ad { background: var(--surface); color: var(--text); }