/* @fonts golos-text:400,500,600,700 */
/*
 * Motyw „Granit” — agencje, biura projektowe, architekci, studia.
 * Monochrom: jasne szarości, biel kart, czarne przyciski i czarne odnośniki; kolor pojawia się tylko w stanach
 * (otwarte, błąd). Jeden krój: Golos Text. Ostre narożniki, ramka zamiast cienia.
 */
:root {
  --font-body: "Golos Text", "Segoe UI", system-ui, sans-serif;
  --font-display: "Golos Text", "Segoe UI", system-ui, sans-serif;
  --display-weight: 600;
  --display-tracking: -0.028em;

  --bg: #f5f5f5;
  --surface: #ffffff;
  --surface-2: #e9e9e9;
  --border: #d4d4d4;
  --border-strong: #8c8c8c;
  --text: #111111;
  --text-2: #333333;
  --muted: #555555;

  --primary: #111111;
  --primary-ink: #ffffff;
  --primary-soft: #e4e4e4;
  --link: #111111;

  --accent: #6b6b6b;
  --accent-ink: #1f1f1f;
  --accent-soft: #ececec;
  --accent-on: #ffffff;

  --ok: #1a6b47;
  --danger: #a32a20;

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

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

  --footer-bg: #111111;
  --footer-text: #dcdcdc;
  --footer-muted: #9a9a9a;
  --footer-border: rgba(255, 255, 255, .18);
  --footer-heading: #ffffff;

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

/* czarna linia pod nagłówkiem i pod tytułami sekcji zamiast koloru */
.section__head { padding-bottom: 12px; border-bottom: 1px solid var(--text); }
.chip, .badge, .reveal__btn { border-radius: 0; }
.btn { font-weight: 600; }
.btn--primary:hover { filter: none; background: var(--text-2); border-color: var(--text-2); }
.entry-card:hover { border-color: var(--text); }
.badge--premium { box-shadow: inset 0 0 0 1px var(--text); }
.hero { border-bottom: 1px solid var(--border-strong); }
.site-footer :focus-visible, .site-footer .input:focus { outline-color: var(--footer-text); }