/* @fonts outfit:300,400,500,600 */
/*
 * Motyw „Porcelana” — gabinety, notariusze, studia, pracownie.
 * Bardzo jasne tło, chabrowy kolor marki, cienkie linie zamiast cieni i wypełnień, przydymiony róż w wyróżnieniach.
 * Jeden lekki, geometryczny krój: Outfit (nagłówki w odmianie 400). Dużo światła, małe promienie.
 */
:root {
  --font-body: "Outfit", "Segoe UI", system-ui, sans-serif;
  --font-display: "Outfit", "Segoe UI", system-ui, sans-serif;
  --display-weight: 400;
  --display-tracking: -0.01em;

  --bg: #fafbfd;
  --surface: #ffffff;
  --surface-2: #eff2f8;
  --border: #e1e6f0;
  --border-strong: #a3aec4;
  --text: #1b2233;
  --text-2: #3c465c;
  --muted: #56617a;

  --primary: #3457c9;
  --primary-ink: #ffffff;
  --primary-soft: #e5ebfb;
  --link: #2c4bb3;

  --accent: #a84d70;
  --accent-ink: #561c35;
  --accent-soft: #fae6ee;
  --accent-on: #ffffff;

  --ok: #146a4a;
  --danger: #b3261e;

  --header-bg: #ffffff;
  --header-text: #1b2233;
  --header-border: #e1e6f0;

  --hero-bg: #fafbfd;
  --hero-text: #1b2233;
  --hero-muted: #3c465c;

  --footer-bg: #1b2233;
  --footer-text: #d6dbe7;
  --footer-muted: #98a2b8;
  --footer-border: rgba(255, 255, 255, .14);
  --footer-heading: #ffffff;

  --radius: 3px;
  --radius-lg: 4px;
  --shadow: 0 0 0 1px var(--primary);
}

h1 { font-weight: 300; letter-spacing: -0.02em; }
h3, .entry__name { font-weight: 500; }
.brand { font-weight: 500; letter-spacing: .01em; }
.btn { font-weight: 500; letter-spacing: .01em; }
.badge { font-weight: 500; background: transparent; box-shadow: inset 0 0 0 1px var(--border-strong); }
.badge--premium { background: var(--accent-soft); }
/* sekcja otwierająca ma kolor tła strony — oddziela ją tylko cienka chabrowa linia */
.hero { border-bottom: 1px solid var(--primary); }
.section__head { padding-bottom: 12px; border-bottom: 1px solid var(--border); }
.entry-table th { border-bottom: 1px solid var(--primary); }
.site-footer :focus-visible, .site-footer .input:focus { outline-color: var(--footer-text); }