/* @fonts archivo:400,500,600,700,800 */
/*
 * Motyw „Warsztat” — budowlanka, instalacje, motoryzacja, usługi techniczne.
 * Grafit i pomarańcz ostrzegawczy, proste narożniki, tłuste nagłówki (Archivo 800).
 * Pomarańcz jest tłem przycisków (z ciemnym napisem); tekst w kolorze marki używa ciemniejszego --link.
 */
:root {
  --font-body: "Archivo", "Segoe UI", system-ui, sans-serif;
  --font-display: "Archivo", "Segoe UI", system-ui, sans-serif;
  --display-weight: 800;
  --display-tracking: -0.015em;

  --bg: #ffffff;
  --surface: #ffffff;
  --surface-2: #eef0f1;
  --border: #d4d8db;
  --border-strong: #8a9298;
  --text: #1b1e21;
  --text-2: #3c4247;
  --muted: #5c646a;

  --primary: #f2661a;
  --primary-ink: #1a0f04;
  --primary-soft: #fde8da;
  --link: #a83d07;

  --accent: #1f6fb2;
  --accent-ink: #0c2b47;
  --accent-soft: #e3eef8;

  --ok: #17704c;
  --danger: #b3261e;

  --header-bg: #1f2326;
  --header-text: #f4f5f6;
  --header-border: #3a4045;

  --hero-bg: #2a2f33;
  --hero-text: #ffffff;
  --hero-muted: #c6ccd0;

  --footer-bg: #17191b;
  --footer-text: #d9dcde;
  --footer-muted: #969da3;
  --footer-border: rgba(255, 255, 255, .14);

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

.site-header { border-bottom: 3px solid var(--primary); }
.brand { font-weight: 800; }

/* tam, gdzie base.css pisze kolorem marki po jasnym tle, pomarańcz byłby za słaby */
a.chip:hover, .per-page a.is-active, .logo--initial, .logo.is-broken,
a.pager__num:hover, .pager__step:hover, .socials a:hover { color: var(--link); }
.prose li::marker { color: var(--link); }

.chip { border-radius: var(--radius); }
.btn { font-weight: 700; }
.entry-card:hover { border-color: var(--text); }

.hero .filters label { color: var(--hero-muted); }
.hero :focus-visible, .hero .input:focus, .hero .select:focus { outline-color: var(--hero-text); }
.site-header :focus-visible, .site-header .input:focus { outline-color: var(--header-text); }

/* napis na wstążce wyróżnienia: jasny, bo kolor wyróżnienia jest tu ciemny */
.premium-ribbon .entry-card.is-premium::before { color: var(--surface); }