/* @fonts open-sans:400,500,600,700 */
/*
 * Motyw „Łupek” — biura rachunkowe, administracja, zarządcy, kancelarie.
 * Biel, niebieskoszary łupek jako kolor marki, bardzo stonowane szarości, przygaszony mosiądz w wyróżnieniach.
 * Jeden rzeczowy krój: Open Sans. Nic nie krzyczy — hierarchię robią grubości pisma i cienkie linie.
 */
:root {
  --font-body: "Open Sans", "Segoe UI", system-ui, sans-serif;
  --font-display: "Open Sans", "Segoe UI", system-ui, sans-serif;
  --display-weight: 600;
  --display-tracking: -0.015em;

  --bg: #ffffff;
  --surface: #ffffff;
  --surface-2: #f1f3f5;
  --border: #dde2e7;
  --border-strong: #a4aeb9;
  --text: #1e2730;
  --text-2: #3e4a56;
  --muted: #5a6673;

  --primary: #4a6076;
  --primary-ink: #ffffff;
  --primary-soft: #e3e9ef;
  --link: #3f5367;

  --accent: #8a6d3b;
  --accent-ink: #3c2c0e;
  --accent-soft: #f3ecdd;
  --accent-on: #ffffff;

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

  --header-bg: #ffffff;
  --header-text: #1e2730;
  --header-border: #dde2e7;

  --hero-bg: #f1f3f5;
  --hero-text: #1e2730;
  --hero-muted: #3e4a56;

  --footer-bg: #232d37;
  --footer-text: #d8dee4;
  --footer-muted: #98a4b0;
  --footer-border: rgba(255, 255, 255, .13);
  --footer-heading: #ffffff;

  --radius: 4px;
  --radius-lg: 6px;
  --shadow: 0 1px 2px rgba(35, 45, 55, .05), 0 10px 24px -16px rgba(35, 45, 55, .28);
}

.btn { font-weight: 600; }
.site-header { border-bottom: 1px solid var(--border-strong); }
.entry-table th { border-bottom: 1px solid var(--primary); }
.site-footer { border-top: 1px solid var(--border-strong); }
.site-footer :focus-visible, .site-footer .input:focus { outline-color: var(--footer-text); }