/* @fonts sora:500,600,700|plus-jakarta-sans:400,500,600,700 */
/*
 * Motyw „Węgiel” — ciemny i neutralny: IT, studia nagrań i grafiki, usługi całodobowe.
 * Węglowa czerń bez domieszki koloru, szmaragd jako kolor marki, przygaszona lawenda w wyróżnieniach.
 * Nagłówki: Sora, tekst: Plus Jakarta Sans. Logo firm na jasnoszarych kaflach.
 */
:root {
  color-scheme: dark;

  --font-body: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;
  --font-display: "Sora", "Segoe UI", system-ui, sans-serif;
  --display-weight: 600;
  --display-tracking: -0.02em;

  --bg: #141414;
  --surface: #1c1c1c;
  --surface-2: #262626;
  --border: #383838;
  --border-strong: #666666;
  --text: #f2f2f2;
  --text-2: #cfcfcf;
  --muted: #a8a8a8;

  --primary: #34d399;
  --primary-ink: #04261a;
  --primary-soft: #143326;
  --link: #5fe0b0;

  --accent: #c8b6ff;
  --accent-ink: #e7defe;
  --accent-soft: #2c2540;
  --accent-on: #1a1238;
  --logo-bg: #ececec;

  --ok: #5fe0b0;
  --danger: #ff9a8f;

  --header-bg: #141414;
  --header-text: #f2f2f2;
  --header-border: #383838;

  --hero-bg: #1c1c1c;
  --hero-text: #f2f2f2;
  --hero-muted: #cfcfcf;

  --footer-bg: #0c0c0c;
  --footer-text: #d4d4d4;
  --footer-muted: #9a9a9a;
  --footer-border: rgba(255, 255, 255, .1);
  --footer-heading: #ffffff;

  --radius: 8px;
  --radius-lg: 12px;
  --shadow: 0 0 0 1px var(--primary), 0 20px 40px -22px rgba(0, 0, 0, .8);
}

h1 { font-size: clamp(1.7rem, 1.15rem + 2.4vw, 2.9rem); }
.brand { font-weight: 700; font-size: 1.1875rem; }
.hero { border-bottom: 1px solid var(--border); }
.entry-card:hover { border-color: var(--primary); }
.logo { border-color: transparent; }
.btn--primary:hover { filter: brightness(1.07); }
.ad img, .article-card__cover img { filter: brightness(.93); }
.popup-ad { background: var(--surface); color: var(--text); }