/* @fonts jost:300,400,500|instrument-sans:400,500,600,700 */
/*
 * Motyw „Atelier” — fotografia, architektura, projektowanie wnętrz, pracownie i usługi kreatywne.
 * Czerń, biel i szarości z jedną nasyconą magentą. Duże, lekkie nagłówki (Jost 300), dużo światła
 * między sekcjami, ramki proste i cienkie. Wyróżnienie premium jest czarne, nie kolorowe.
 */
:root {
  --font-body: "Instrument Sans", "Segoe UI", system-ui, sans-serif;
  --font-display: "Jost", "Century Gothic", "Segoe UI", sans-serif;
  --display-weight: 300;
  --display-tracking: -0.022em;
  --text-base: 1.0625rem;

  --bg: #ffffff;
  --surface: #ffffff;
  --surface-2: #f2f2f2;
  --border: #dedede;
  --border-strong: #151515;
  --text: #151515;
  --text-2: #3b3b3b;
  --muted: #666666;

  --primary: #cf0a6e;
  --primary-ink: #ffffff;
  --primary-soft: #fde8f2;
  --link: #b00059;

  --accent: #151515;
  --accent-ink: #151515;
  --accent-soft: #ebebeb;
  --accent-on: #ffffff;

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

  --header-bg: #ffffff;
  --header-text: #151515;
  --header-border: #dedede;

  --hero-bg: #ffffff;
  --hero-text: #151515;
  --hero-muted: #3b3b3b;

  --footer-bg: #151515;
  --footer-text: #ececec;
  --footer-muted: #a8a8a8;
  --footer-border: rgba(255, 255, 255, .2);

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

  --container: 1240px;
  --section-gap: clamp(56px, 8vw, 112px);
}

/* lekki krój potrzebuje dużego stopnia; małe nagłówki dostają zwykłą odmianę, żeby nie znikały */
h1 { font-size: clamp(2.4rem, 1.4rem + 4.2vw, 4.6rem); line-height: 1.04; }
h2 { font-size: clamp(1.7rem, 1.2rem + 1.9vw, 2.7rem); line-height: 1.1; }
h3, .entry__name, .brand, .logo--initial, .logo.is-broken { font-weight: 400; letter-spacing: -0.01em; }
h3, .entry__name { font-size: 1.25rem; }
.brand { font-size: 1.4rem; }
.panel > h2, .panel > h3 { font-size: 1.25rem; }

.hero { border-bottom: 1px solid var(--text); }
.section__head { margin-bottom: 32px; }
.btn { font-weight: 500; }
.badge { border-radius: 0; }
.premium-gold .entry-card.is-premium { border-color: var(--text); }