/* @fonts cormorant-garamond:500,600,700|manrope:400,500,600,700 */
/*
 * Motyw „Miedź” — ciemny i ciepły: usługi premium, pracownie, salony, restauracje z wyższej półki.
 * Powierzchnie w ciepłym węglu (brąz w czerni, nie neutralny grafit), miedź jako kolor marki,
 * chłodna szałwia w wyróżnieniach. Nagłówki: Cormorant Garamond, tekst: Manrope.
 * Logo firm leżą na kaflach w kolorze kości, nie na ostrej bieli.
 */
:root {
  color-scheme: dark;

  --font-body: "Manrope", "Segoe UI", system-ui, sans-serif;
  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --display-weight: 600;
  --display-tracking: 0;

  --bg: #1c1917;
  --surface: #252120;
  --surface-2: #2f2a28;
  --border: #453d39;
  --border-strong: #75685f;
  --text: #f4ede6;
  --text-2: #d6cbc1;
  --muted: #b5a89d;

  --primary: #d98a5b;
  --primary-ink: #2a1206;
  --primary-soft: #40291c;
  --link: #e6a27a;

  --accent: #9fc2ae;
  --accent-ink: #dcefe4;
  --accent-soft: #223229;
  --accent-on: #0e1f16;
  --logo-bg: #f4ede6;

  --ok: #7fd3a3;
  --danger: #ff9c8c;

  --header-bg: #1c1917;
  --header-text: #f4ede6;
  --header-border: #453d39;

  --hero-bg: #252120;
  --hero-text: #f4ede6;
  --hero-muted: #d6cbc1;

  --footer-bg: #131110;
  --footer-text: #d9cfc5;
  --footer-muted: #a3968b;
  --footer-border: rgba(255, 255, 255, .11);
  --footer-heading: #d98a5b;

  --radius: 4px;
  --radius-lg: 8px;
  --shadow: 0 0 0 1px var(--border-strong), 0 20px 38px -20px rgba(0, 0, 0, .75);
}

/* Cormorant ma małe oko — stopnie pisma nagłówków o oczko wyższe */
h1 { font-size: clamp(2.1rem, 1.4rem + 3vw, 3.5rem); line-height: 1.08; }
h2 { font-size: clamp(1.6rem, 1.3rem + 1.3vw, 2.2rem); }
h3, .entry__name { font-size: 1.375rem; line-height: 1.2; }
.brand { font-size: 1.5rem; font-weight: 700; }
.site-header { border-bottom-color: var(--primary); }
.hero { border-bottom: 1px solid var(--border); }
.logo { border-color: transparent; }
.btn--primary:hover { filter: brightness(1.07); }
.ad img, .article-card__cover img { filter: brightness(.93); }
.popup-ad { background: var(--surface); color: var(--text); }