/* @fonts nunito:400,500,600,700,800 */
/*
 * Motyw „Turkus” — biura podróży, noclegi, sprzątanie, usługi dla domu.
 * Chłodna biel, głęboki turkus jako kolor marki i tło sekcji otwierającej, bursztyn w wyróżnieniach
 * i na przycisku w sekcji otwierającej. Jeden miękki krój: Nunito. Duże zaokrąglenia, przyciski-pastylki.
 */
:root {
  --font-body: "Nunito", "Segoe UI", system-ui, sans-serif;
  --font-display: "Nunito", "Segoe UI", system-ui, sans-serif;
  --display-weight: 800;
  --display-tracking: -0.015em;

  --bg: #f6fafb;
  --surface: #ffffff;
  --surface-2: #e6f1f3;
  --border: #cfe1e5;
  --border-strong: #86a6ad;
  --text: #10282e;
  --text-2: #2f4a51;
  --muted: #4a656c;

  --primary: #0a7480;
  --primary-ink: #ffffff;
  --primary-soft: #d6eff1;
  --link: #086570;

  --accent: #e09a1a;
  --accent-ink: #4a2e00;
  --accent-soft: #fdf0d2;
  --accent-on: #2a1900;

  --ok: #0f6b4c;
  --danger: #b3261e;

  --header-bg: #ffffff;
  --header-text: #10282e;
  --header-border: #cfe1e5;

  --hero-bg: #0a5a64;
  --hero-text: #ffffff;
  --hero-muted: #d3e9ec;

  --footer-bg: #0b2a30;
  --footer-text: #d5e6e9;
  --footer-muted: #92b3b9;
  --footer-border: rgba(255, 255, 255, .14);
  --footer-heading: #ffffff;

  --radius: 14px;
  --radius-lg: 22px;
  --shadow: 0 2px 4px rgba(11, 42, 48, .05), 0 18px 36px -22px rgba(11, 42, 48, .35);
}

.btn, .chip { border-radius: 999px; }
.btn { padding-inline: 20px; font-weight: 700; }
.badge { border-radius: 999px; padding-inline: 10px; }
.input, .select { min-height: 46px; }
/* na turkusowym tle przycisk jest bursztynowy, żeby nie zlał się z sekcją */
.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); }
.site-footer :focus-visible, .site-footer .input:focus { outline-color: var(--footer-text); }