/* @fonts sofia-sans:400,500,600,700 */
/*
 * Motyw „Grafit” — ciemny, chłodny: IT, automatyka, elektronika, przemysł, usługi techniczne.
 * Niebieskawy grafit zamiast czerni, elektryczny cyjan jako kolor marki, ciasne narożniki,
 * krój o inżynierskim rysunku (Sofia Sans). Wyróżnienie premium: róż sygnałowy.
 */
:root {
  color-scheme: dark;

  --font-body: "Sofia Sans", "Segoe UI", system-ui, sans-serif;
  --font-display: "Sofia Sans", "Segoe UI", system-ui, sans-serif;
  --display-weight: 700;
  --display-tracking: -0.008em;
  --text-base: 1.0625rem;

  --bg: #141920;
  --surface: #1b212a;
  --surface-2: #232b36;
  --border: #333d4a;
  --border-strong: #5a6778;
  --text: #e9eef4;
  --text-2: #c3ccd7;
  --muted: #a0acba;

  --primary: #35cdf0;
  --primary-ink: #04222b;
  --primary-soft: #133440;
  --link: #6cdaf6;

  --accent: #ff8fb8;
  --accent-ink: #ffdbe8;
  --accent-soft: #3a1f2c;
  --accent-on: #2b0716;
  --logo-bg: #f3f6f9;

  --ok: #5fd3a0;
  --danger: #ff8a80;

  --header-bg: #141920;
  --header-text: #e9eef4;
  --header-border: #333d4a;

  --hero-bg: #1b212a;
  --hero-text: #e9eef4;
  --hero-muted: #c3ccd7;

  --footer-bg: #0e1217;
  --footer-text: #d0d8e1;
  --footer-muted: #96a3b1;
  --footer-border: rgba(255, 255, 255, .12);

  --radius: 4px;
  --radius-lg: 6px;
  --shadow: 0 0 0 1px var(--border-strong);
}

.hero { border-bottom: 1px solid var(--border); }
/* cienka cyjanowa linia pod nagłówkiem — jak listwa stanu na panelu urządzenia */
.site-header { box-shadow: inset 0 -2px 0 var(--primary); border-bottom-color: transparent; }

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