/* ========================================================= Metrohouse Tychy Nieruchomości - Main Stylesheet Clean, sharp, premium. No rounded corners. Marka: żółty (#ffcc00) + czerń. Żółć = akcent/CTA, czerń = ink/tytuły. ========================================================= */ /* Fonts są inlineowane w przez er_render_critical_css() w inc/enqueue.php. */ /* ── VARIABLES ── */ :root { /* "Kobalt" zachowuje nazwę zmiennej (mniej zmian w kodzie), ale to teraz CZERŃ/INK: tytuły, linki, ikony, tła przycisków (z białym tekstem). Żółty tekst na jasnym tle jest nieczytelny, więc żółć NIE jest kobaltem. */ --cobalt: #1a1a1a; --cobalt-mid: #000000; --cobalt-light: #3d3d3d; --cobalt-pale: #fff7cc; /* delikatny żółty tint na jasne tła */ --cream: #faf9f6; --cream-dark: #ecebe6; --text: #1c1c1c; --text-muted: #6b6b6b; --white: #ffffff; /* Marka Metrohouse: żółty akcent + czarne sekcje. "navy" = prawie czerń (tła ciemnych sekcji, biały tekst), "lavender" = żółć (kreski/akcenty na ciemnych sekcjach). */ --navy: #141414; --lavender: #ffcc00; --brand-grad: linear-gradient(135deg, #141414 0%, #232323 45%, #2e2e2e 100%); --brand-grad-soft: linear-gradient(135deg, #141414 0%, #ffcc00 100%); /* Żółty marki - fille/CTA/akcenty (czarny tekst na żółtym). */ --yellow: #ffcc00; --yellow-dark: #e6b800; } /* ── RESET ── */ *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; overflow-x: clip; } body { font-family: 'Jost', sans-serif; background: var(--cream); color: var(--text); font-weight: 400; line-height: 1.65; /* Ucina przypadkowy poziomy "przewijanie w prawo" na mobile. clip (nie hidden) nie tworzy kontenera scrolla, więc nie psuje position: sticky. */ overflow-x: clip; } img { max-width: 100%; height: auto; display: block; } /* Make