/* @fonts lora:500,600|cabin:400,500,600,700 */
/*
 * Motyw „Terakota” — wnętrza, rzemiosło, pracownie, biura nieruchomości.
 * Ciepłe piaskowe tło, karty w kolorze kości, terakota jako kolor marki, czekoladowy tekst, oliwka w wyróżnieniach.
 * Nagłówki: Lora, tekst: Cabin. Wyraźne, ale nie pastylkowe zaokrąglenia.
 */
:root {
  --font-body: "Cabin", "Segoe UI", system-ui, sans-serif;
  --font-display: "Lora", Georgia, "Times New Roman", serif;
  --display-weight: 600;
  --display-tracking: -0.01em;

  --bg: #f6efe4;
  --surface: #fdfaf4;
  --surface-2: #ece2d2;
  --border: #dccfb9;
  --border-strong: #a08d70;
  --text: #2e1d14;
  --text-2: #4d382c;
  --muted: #654f42;

  --primary: #a8431f;
  --primary-ink: #ffffff;
  --primary-soft: #f5dccf;
  --link: #8f3615;

  --accent: #5f6b2a;
  --accent-ink: #2b3210;
  --accent-soft: #e9ecd3;
  --accent-on: #ffffff;

  --ok: #3f6a2d;
  --danger: #a3261c;

  --header-bg: #fdfaf4;
  --header-text: #2e1d14;
  --header-border: #dccfb9;

  --hero-bg: #ead9c3;
  --hero-text: #2e1d14;
  --hero-muted: #4d382c;

  --footer-bg: #2a1a12;
  --footer-text: #e6d8cb;
  --footer-muted: #b39d8c;
  --footer-border: rgba(255, 255, 255, .13);
  --footer-heading: #f0b596;

  --radius: 8px;
  --radius-lg: 14px;
  --shadow: 0 1px 2px rgba(46, 29, 20, .06), 0 16px 30px -20px rgba(46, 29, 20, .4);
}

.brand { font-weight: 600; font-size: 1.3125rem; }
h3, .entry__name { font-size: 1.125rem; }
/* ceglana listwa u góry strony */
.site-header { border-top: 4px solid var(--primary); }
.badge { border-radius: var(--radius); }
.prose blockquote { border-left-color: var(--primary); font-family: var(--font-display); }
.site-footer :focus-visible, .site-footer .input:focus { outline-color: var(--footer-text); }