/* @fonts overpass:400,500,600,700,800 */
/*
 * Motyw „Bałtyk” — spedycja, logistyka, biura, usługi nadmorskie i portowe.
 * Szarawy, jasny błękit tła, prawie białe karty, morski granat jako kolor marki i tło sekcji otwierającej,
 * piasek w wyróżnieniach i na przycisku w sekcji otwierającej. Jeden krój: Overpass.
 */
:root {
  --font-body: "Overpass", "Segoe UI", system-ui, sans-serif;
  --font-display: "Overpass", "Segoe UI", system-ui, sans-serif;
  --display-weight: 800;
  --display-tracking: -0.015em;

  --bg: #e9eef2;
  --surface: #f8fafb;
  --surface-2: #d9e2e9;
  --border: #c2cfd9;
  --border-strong: #7b8fa0;
  --text: #10202f;
  --text-2: #2d4153;
  --muted: #43576a;

  --primary: #123a5e;
  --primary-ink: #ffffff;
  --primary-soft: #d5e2ee;
  --link: #123a5e;

  --accent: #c9a66b;
  --accent-ink: #3d2b0c;
  --accent-soft: #f3e8d3;
  --accent-on: #1f1503;

  --ok: #14633f;
  --danger: #a3261c;

  --header-bg: #f8fafb;
  --header-text: #10202f;
  --header-border: #c2cfd9;

  --hero-bg: #123a5e;
  --hero-text: #ffffff;
  --hero-muted: #c9d8e7;

  --footer-bg: #0c2238;
  --footer-text: #d6e0ea;
  --footer-muted: #92a7ba;
  --footer-border: rgba(255, 255, 255, .14);
  --footer-heading: #dcc08f;

  --radius: 4px;
  --radius-lg: 8px;
  --shadow: 0 1px 2px rgba(12, 34, 56, .06), 0 14px 30px -20px rgba(12, 34, 56, .4);
}

.btn { font-weight: 700; }
.badge { border-radius: var(--radius); }
/* piaskowa linia na styku granatowej sekcji z treścią */
.hero { border-bottom: 4px solid var(--accent); }
.hero .btn--primary { background: var(--accent); border-color: var(--accent); color: var(--accent-on); }
.entry-table th { border-bottom-color: var(--primary); }
.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); }