/* @fonts space-grotesk:500,600,700|onest:400,500,600,700 */
/*
 * Motyw „Północ” — ciemny i chłodny: technologia, doradztwo, analityka, biura projektowe.
 * Nocny granat powierzchni, lodowy błękit jako kolor marki, stonowany bursztyn w wyróżnieniach.
 * Nagłówki: Space Grotesk, tekst: Onest. Wyraźne zaokrąglenia, logo firm na jasnych tabliczkach.
 */
:root {
  color-scheme: dark;

  --font-body: "Onest", "Segoe UI", system-ui, sans-serif;
  --font-display: "Space Grotesk", "Segoe UI", system-ui, sans-serif;
  --display-weight: 600;
  --display-tracking: -0.025em;

  --bg: #0f1626;
  --surface: #172033;
  --surface-2: #1f2a41;
  --border: #2f3d5a;
  --border-strong: #56688c;
  --text: #eef3fb;
  --text-2: #c7d1e3;
  --muted: #a3b0c8;

  --primary: #8fd0f5;
  --primary-ink: #06202f;
  --primary-soft: #1b3550;
  --link: #a3d9f8;

  --accent: #f2c36b;
  --accent-ink: #fbe8c2;
  --accent-soft: #3a2e17;
  --accent-on: #2a1c00;
  --logo-bg: #eef3fb;

  --ok: #6fd6a8;
  --danger: #ff9a8f;

  --header-bg: #0f1626;
  --header-text: #eef3fb;
  --header-border: #2f3d5a;

  --hero-bg: #172033;
  --hero-text: #eef3fb;
  --hero-muted: #c7d1e3;

  --footer-bg: #0a0f1b;
  --footer-text: #cdd6e6;
  --footer-muted: #94a1ba;
  --footer-border: rgba(255, 255, 255, .1);
  --footer-heading: #ffffff;

  --radius: 10px;
  --radius-lg: 16px;
  --shadow: 0 0 0 1px var(--border-strong), 0 20px 40px -20px rgba(0, 0, 0, .7);
}

.brand { font-weight: 700; }
.hero { border-bottom: 1px solid var(--border); }
/* jasne tabliczki logo z odstępem w kolorze tła */
.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; }
.btn--primary:hover { filter: brightness(1.07); }
.ad img, .article-card__cover img { filter: brightness(.93); }
.popup-ad { background: var(--surface); color: var(--text); }