/* @fonts titillium-web:400,600,700 */
/*
 * Motyw „Technika” — serwisy komputerowe, elektronika, automatyka, biura inżynierskie.
 * Chłodna jasna szarość z białymi kartami, mocny fioletowy błękit jako kolor marki,
 * zieleń płytki drukowanej w wyróżnieniach. Jeden techniczny krój: Titillium Web. Małe promienie.
 */
:root {
  --font-body: "Titillium Web", "Segoe UI", system-ui, sans-serif;
  --font-display: "Titillium Web", "Segoe UI", system-ui, sans-serif;
  --display-weight: 700;
  --display-tracking: -0.01em;
  --text-base: 1.0625rem;
  --leading: 1.55;

  --bg: #f2f4f8;
  --surface: #ffffff;
  --surface-2: #e4e8ef;
  --border: #d0d6e0;
  --border-strong: #8a95a8;
  --text: #0f121b;
  --text-2: #313848;
  --muted: #4f5768;

  --primary: #4632e0;
  --primary-ink: #ffffff;
  --primary-soft: #e5e2ff;
  --link: #3a27c4;

  --accent: #0a7a4e;
  --accent-ink: #063a24;
  --accent-soft: #ddf2e7;
  --accent-on: #ffffff;

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

  --header-bg: #ffffff;
  --header-text: #0f121b;
  --header-border: #d0d6e0;

  --hero-bg: #e4e8ef;
  --hero-text: #0f121b;
  --hero-muted: #313848;

  --footer-bg: #0f121b;
  --footer-text: #d6dae4;
  --footer-muted: #929bae;
  --footer-border: rgba(255, 255, 255, .14);
  --footer-heading: #ffffff;

  --radius: 3px;
  --radius-lg: 4px;
  --shadow: 0 0 0 1px var(--primary);
}

.brand { letter-spacing: 0; }
.brand__mark { border-radius: 0; }
h3, .entry__name { font-size: 1.1875rem; font-weight: 600; }

/* karta po najechaniu dostaje ostrą obwódkę w kolorze marki zamiast cienia */
.entry-card:hover { border-color: var(--primary); }
.chip { border-radius: var(--radius); }
.btn { font-weight: 600; }
.entry-table th { border-bottom-color: var(--primary); }
.hero { border-bottom: 1px solid var(--border-strong); }
.site-footer { border-top: 3px solid var(--primary); }
.site-footer :focus-visible, .site-footer .input:focus { outline-color: var(--footer-text); }