/* @fonts rubik:500,600,700|figtree:400,500,600,700 */
/*
 * Motyw „Rynek” — sklepy, targowiska, gastronomia na wynos, rzemiosło i handel lokalny.
 * Ciepła biel, pomidorowa czerwień jako kolor marki i musztardowy sygnał jak cenówka na straganie.
 * Kształty zaokrąglone, ale nie pastylki; nagłówki Rubik, treść Figtree.
 */
:root {
  --font-body: "Figtree", "Segoe UI", system-ui, sans-serif;
  --font-display: "Rubik", "Segoe UI", system-ui, sans-serif;
  --display-weight: 600;
  --display-tracking: -0.015em;

  --bg: #fffaf4;
  --surface: #ffffff;
  --surface-2: #f9eee1;
  --border: #eddcc8;
  --border-strong: #b0957a;
  --text: #2b1810;
  --text-2: #553f35;
  --muted: #725b4f;

  --primary: #d42f1e;
  --primary-ink: #ffffff;
  --primary-soft: #fde6e0;
  --link: #ad2318;

  --accent: #e6a700;
  --accent-ink: #3f2c00;
  --accent-soft: #fdf1cc;
  --accent-on: #2b1d00;

  --ok: #1a6d44;
  --danger: #a11a1a;

  --header-bg: #ffffff;
  --header-text: #2b1810;
  --header-border: #eddcc8;

  --hero-bg: #c0281a;
  --hero-text: #ffffff;
  --hero-muted: #ffe6e0;

  --footer-bg: #2b1810;
  --footer-text: #f3e6dc;
  --footer-muted: #bda597;
  --footer-border: rgba(255, 255, 255, .16);

  --radius: 10px;
  --radius-lg: 16px;
  --shadow: 0 1px 2px rgba(80, 40, 20, .07), 0 14px 30px -18px rgba(80, 40, 20, .4);
}

.brand { font-weight: 700; }
.btn { font-weight: 700; }
.chip { border-radius: var(--radius); }
.badge { border-radius: 6px; }

/* w czerwonej sekcji otwierającej przycisk jest musztardowy; elementy na tle biorą kolory z --hero-* */
.hero .btn--primary { background: var(--accent); border-color: var(--accent); color: var(--accent-on); }
.hero .filters label { color: var(--hero-muted); }
.hero :focus-visible, .hero .input:focus, .hero .select:focus { outline-color: var(--hero-text); }