/* @fonts encode-sans-expanded:700,800|encode-sans:400,500,600,700 */
/*
 * Motyw „Budowa” — firmy budowlane, betoniarnie, wynajem maszyn, ciężkie rzemiosło.
 * Betonowa szarość powierzchni, żółć sygnałowa z czarnym napisem, asfaltowy nagłówek,
 * zero zaokrągleń i grube ramki. Nagłówki: szeroki Encode Sans Expanded, tekst: Encode Sans.
 * Żółć jest tłem przycisków; odnośniki w tekście mają ciemną ochrę (--link).
 */
:root {
  --font-body: "Encode Sans", "Segoe UI", system-ui, sans-serif;
  --font-display: "Encode Sans Expanded", "Segoe UI", system-ui, sans-serif;
  --display-weight: 800;
  --display-tracking: -0.01em;

  --bg: #e9e9e6;
  --surface: #f7f7f5;
  --surface-2: #dadad6;
  --border: #bdbdb7;
  --border-strong: #6f6f69;
  --text: #161616;
  --text-2: #30302c;
  --muted: #4a4a45;

  --primary: #ffd100;
  --primary-ink: #141414;
  --primary-soft: #fff0a3;
  --link: #5c4300;

  --accent: #b83a0c;
  --accent-ink: #4a1703;
  --accent-soft: #f9e0d3;
  --accent-on: #ffffff;

  --ok: #14603c;
  --danger: #a3211a;

  --header-bg: #1d1e20;
  --header-text: #f5f5f2;
  --header-border: #45464a;

  --hero-bg: #2a2b2e;
  --hero-text: #ffffff;
  --hero-muted: #cfd0d2;

  --footer-bg: #161617;
  --footer-text: #e2e2df;
  --footer-muted: #a3a39e;
  --footer-border: rgba(255, 255, 255, .2);
  --footer-heading: #ffd100;

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

/* szeroki krój zajmuje więcej miejsca — stopnie pisma o oczko niższe niż w arkuszu bazowym */
h1 { font-size: clamp(1.55rem, 1.05rem + 2.1vw, 2.6rem); line-height: 1.1; overflow-wrap: break-word; }
h2 { font-size: clamp(1.2rem, 1.02rem + .8vw, 1.6rem); }
h3, .entry__name { font-size: 1rem; }
.brand { font-size: 1.0625rem; }

.site-header { border-bottom: 4px solid var(--primary); }
/* pas ostrzegawczy nad stopką — jak taśma na ogrodzeniu budowy */
.site-footer { border-top: 10px solid var(--primary); border-image: repeating-linear-gradient(-45deg, var(--primary) 0 14px, var(--footer-bg) 14px 28px) 10; }

.btn { border-width: 2px; font-weight: 700; }
.entry-card, .panel, .input, .select { border-width: 2px; }
.chip, .badge { border-radius: 0; }
.section__head { padding-bottom: 10px; border-bottom: 2px solid var(--text); }

/* żółta obwódka fokusu ginie na betonie — na jasnym tle czarna, w ciemnych strefach żółta */
:focus-visible, .input:focus, .select:focus { outline-color: var(--text); }
.site-header :focus-visible, .site-header .input:focus, .hero :focus-visible, .hero .input:focus, .hero .select:focus, .site-footer :focus-visible, .site-footer .input:focus { outline-color: var(--primary); }
.reveal__btn:hover { border-color: var(--text); }
.hero .filters label { color: var(--hero-muted); }