/* @fonts crimson-pro:500,600|karla:400,500,600,700 */
/*
 * Motyw „Len” — gabinety, zdrowie, sklepy i usługi ekologiczne, zielarnie, terapeuci.
 * Naturalne ecru tła, karty w kolorze płótna, przygaszona leśna zieleń jako kolor marki, glina w wyróżnieniach.
 * Nagłówki: spokojny szeryf Crimson Pro, tekst: Karla. Bez cieni — same cienkie ramki.
 */
:root {
  --font-body: "Karla", "Segoe UI", system-ui, sans-serif;
  --font-display: "Crimson Pro", Georgia, "Times New Roman", serif;
  --display-weight: 500;
  --display-tracking: -0.005em;
  --text-base: 1.0625rem;

  --bg: #f3efe6;
  --surface: #faf8f2;
  --surface-2: #e8e2d4;
  --border: #d7cfbc;
  --border-strong: #979079;
  --text: #24281f;
  --text-2: #434838;
  --muted: #585d4b;

  --primary: #4a6348;
  --primary-ink: #ffffff;
  --primary-soft: #dfe7d9;
  --link: #3d543c;

  --accent: #9c5630;
  --accent-ink: #4a2410;
  --accent-soft: #f4e3d6;
  --accent-on: #ffffff;

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

  --header-bg: #f3efe6;
  --header-text: #24281f;
  --header-border: #d7cfbc;

  --hero-bg: #dfe5d6;
  --hero-text: #24281f;
  --hero-muted: #434838;

  --footer-bg: #262b22;
  --footer-text: #dfe1d6;
  --footer-muted: #a5a995;
  --footer-border: rgba(255, 255, 255, .13);
  --footer-heading: #ffffff;

  --radius: 5px;
  --radius-lg: 9px;
  --shadow: 0 0 0 1px var(--border-strong);
}

h1 { font-size: clamp(2rem, 1.4rem + 2.6vw, 3.25rem); }
h3, .entry__name { font-size: 1.3125rem; line-height: 1.25; }
.brand { font-size: 1.5rem; font-weight: 600; }
.hero { border-bottom: 1px solid var(--border); }
.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); }