/* @fonts bitter:600,700|asap:400,500,600,700 */
/*
 * Motyw „Ochra” — piekarnie, restauracje, pracownie rzemieślnicze, manufaktury.
 * Biel, miodowa ochra jako kolor marki z ciemnym napisem na przyciskach, ciemny brąz tekstu, wino w wyróżnieniach.
 * Nagłówki: slabowy Bitter, tekst: Asap. Ochra jest tłem przycisków; odnośniki mają ciemny miodowy brąz (--link).
 */
:root {
  --font-body: "Asap", "Segoe UI", system-ui, sans-serif;
  --font-display: "Bitter", Georgia, "Times New Roman", serif;
  --display-weight: 700;
  --display-tracking: -0.012em;

  --bg: #ffffff;
  --surface: #ffffff;
  --surface-2: #f7f3ea;
  --border: #e6dfce;
  --border-strong: #a99f86;
  --text: #231c10;
  --text-2: #463c2b;
  --muted: #675c48;

  --primary: #e0a526;
  --primary-ink: #241800;
  --primary-soft: #fbedc8;
  --link: #6f4a00;

  --accent: #8a3324;
  --accent-ink: #4a140b;
  --accent-soft: #f7e1dc;
  --accent-on: #ffffff;

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

  --header-bg: #ffffff;
  --header-text: #231c10;
  --header-border: #e6dfce;

  --hero-bg: #fbf3df;
  --hero-text: #231c10;
  --hero-muted: #463c2b;

  --footer-bg: #241c10;
  --footer-text: #e8dfcf;
  --footer-muted: #b0a48c;
  --footer-border: rgba(255, 255, 255, .14);
  --footer-heading: #e0a526;

  --radius: 6px;
  --radius-lg: 10px;
  --shadow: 0 1px 2px rgba(35, 28, 16, .06), 0 14px 28px -18px rgba(35, 28, 16, .32);
}

.site-header { border-bottom: 3px solid var(--primary); }
.btn { font-weight: 600; }
h3, .entry__name { font-size: 1.125rem; }
/* ochrowa obwódka fokusu ginie na bieli — na jasnym tle ciemna, w stopce ochrowa */
:focus-visible, .input:focus, .select:focus { outline-color: var(--text); }
.input:focus, .select:focus { border-color: var(--text); }
.site-footer :focus-visible, .site-footer .input:focus { outline-color: var(--primary); }
.reveal__btn:hover, .socials a:hover { border-color: var(--text); }
.blog-picks li::before { color: var(--link); }
.prose blockquote { border-left-color: var(--primary); }