/* @fonts inter:400,500,600,700 */
/*
 * Motyw „Kobalt” — usługi B2B, agencje, firmy doradcze i software house’y.
 * Czysta biel, nasycony kobaltowy błękit jako kolor marki, grafitowy tekst, bursztyn tylko w wyróżnieniach.
 * Jeden neutralny grotesk: Inter. Promień 6 px, płaskie karty z cienką ramką.
 */
:root {
  --font-body: "Inter", "Segoe UI", system-ui, sans-serif;
  --font-display: "Inter", "Segoe UI", system-ui, sans-serif;
  --display-weight: 700;
  --display-tracking: -0.022em;

  --bg: #ffffff;
  --surface: #ffffff;
  --surface-2: #f2f4f8;
  --border: #dfe3ea;
  --border-strong: #a9b2c1;
  --text: #1c2026;
  --text-2: #3d444f;
  --muted: #5f6875;

  --primary: #1447d4;
  --primary-ink: #ffffff;
  --primary-soft: #e4ebfd;
  --link: #1140c0;

  --accent: #d98a00;
  --accent-ink: #3a2500;
  --accent-soft: #fdf2d9;
  --accent-on: #1f1400;

  --ok: #107050;
  --danger: #b3261e;

  --header-bg: #ffffff;
  --header-text: #1c2026;
  --header-border: #dfe3ea;

  --hero-bg: #eef2fc;
  --hero-text: #1c2026;
  --hero-muted: #3d444f;

  --footer-bg: #111a33;
  --footer-text: #d5dbea;
  --footer-muted: #97a2bd;
  --footer-border: rgba(255, 255, 255, .13);
  --footer-heading: #ffffff;

  --radius: 6px;
  --radius-lg: 10px;
  --shadow: 0 1px 2px rgba(17, 26, 51, .06), 0 12px 28px -16px rgba(17, 26, 51, .28);
}

/* kobaltowa kreska nad stopką i pod nagłówkami tabel — jedyny ozdobnik motywu */
.site-footer { border-top: 4px solid var(--primary); }
.entry-table th { border-bottom-color: var(--primary); }
.btn { font-weight: 600; }
.brand { letter-spacing: -0.03em; }
.hero { border-bottom: 1px solid var(--border); }
.site-footer :focus-visible, .site-footer .input:focus { outline-color: var(--footer-text); }