/* @fonts fira-sans-condensed:600,700|fira-sans:400,500,600,700 */
/*
 * Motyw „Cegła” — firmy budowlane, deweloperzy, biura nieruchomości, zarządcy.
 * Jasny beton tła, przygaszona ceglasta czerwień jako kolor marki, stalowy błękit w wyróżnieniach.
 * Nagłówki: Fira Sans Condensed, tekst: Fira Sans. Wąskie promienie, ceglana listwa u góry strony.
 */
:root {
  --font-body: "Fira Sans", "Segoe UI", system-ui, sans-serif;
  --font-display: "Fira Sans Condensed", "Segoe UI", system-ui, sans-serif;
  --display-weight: 700;
  --display-tracking: 0;

  --bg: #eeeceb;
  --surface: #f9f8f7;
  --surface-2: #e0dddb;
  --border: #cbc6c3;
  --border-strong: #8a8480;
  --text: #211c1a;
  --text-2: #413a37;
  --muted: #58504c;

  --primary: #a23b2a;
  --primary-ink: #ffffff;
  --primary-soft: #f3dcd6;
  --link: #8f3323;

  --accent: #3b5368;
  --accent-ink: #1c2d3b;
  --accent-soft: #dde6ed;
  --accent-on: #ffffff;

  --ok: #17633f;
  --danger: #a3261c;

  --header-bg: #f9f8f7;
  --header-text: #211c1a;
  --header-border: #cbc6c3;

  --hero-bg: #e0dddb;
  --hero-text: #211c1a;
  --hero-muted: #413a37;

  --footer-bg: #2a2422;
  --footer-text: #e3ddd9;
  --footer-muted: #a89f9a;
  --footer-border: rgba(255, 255, 255, .15);
  --footer-heading: #ffffff;

  --radius: 2px;
  --radius-lg: 4px;
  --shadow: 0 1px 0 rgba(33, 28, 26, .06), 0 12px 24px -18px rgba(33, 28, 26, .45);
}

.site-header { border-top: 6px solid var(--primary); }
h3, .entry__name { font-size: 1.1875rem; }
.brand { font-size: 1.375rem; }
.btn { font-weight: 600; }
.chip, .badge { border-radius: var(--radius); }
.hero { border-bottom: 1px solid var(--border-strong); }
.section__head { padding-left: 12px; border-left: 4px solid var(--primary); }
.site-footer :focus-visible, .site-footer .input:focus { outline-color: var(--footer-text); }