/* ==========================================================================
   Wariant jasny. Dokłada się na main.css i podmienia wyłącznie tokeny,
   dzięki czemu obie wersje mają identyczny układ i tę samą typografię.

   Sekcje ze zdjęciem lub filmem w tle zostają jasną treścią na ciemnym kadrze
   — na fotografii z drogi czarny tekst byłby nieczytelny.
   ========================================================================== */

:root[data-theme="light"] {
	--bg: #ffffff;
	--bg-2: #f5f5f6;
	--surface: #ffffff;
	--surface-2: #efeff1;
	--line: rgba(12, 12, 14, .11);
	--line-2: rgba(12, 12, 14, .2);
	--text: #111113;
	--muted: #53535c;
	/* #86868f dawało na bieli 3,6:1 — za mało dla etykiet i chipsów (AA wymaga 4,5). */
	--dim: #6a6a74;
	color-scheme: light;
}

/* Nagłówek: biała szyba zamiast czarnej. */
:root[data-theme="light"] .head { background: rgba(255, 255, 255, .88); }

/* Logo na biel to osobny plik od klienta (assets/img/logo-light.png),
   więc nie ma tu już odwracania jasności filtrem.
   Ta wersja zawiera podpis „best partner in transport”, czyli trzy linie
   zamiast dwóch — przy 32 px podpis był nieczytelny. */
:root[data-theme="light"] .head__logo .logo { height: 42px; }
:root[data-theme="light"] .foot__brand .logo { height: 52px; }

/* Hero i sekcje ze zdjęciem nie mają tu żadnych nadpisań — ich tokeny stoją
   w main.css i obowiązują w obu wariantach. Patrz „KONTEKSTY CIEMNE”. */
:root[data-theme="light"] .sec--video .form { backdrop-filter: blur(12px); }

/* Na bieli zdjęcia nie potrzebują przygaszenia. */
:root[data-theme="light"] .tile img { opacity: 1; }
:root[data-theme="light"] .tile span {
	background: linear-gradient(180deg, transparent, rgba(12, 12, 14, .88));
	color: #fff;
}

/* Karta na bieli: delikatne uniesienie zamiast rozjaśnienia tła. */
:root[data-theme="light"] .card:hover { background: var(--bg-2); }

/* Pasek nad nagłówkiem i stopka — szare tło oddziela je od treści. */
:root[data-theme="light"] .topbar,
:root[data-theme="light"] .foot { background: var(--bg-2); }

/* Przycisk pomocniczy czytelniejszy na bieli. */
:root[data-theme="light"] .btn--ghost { border-color: var(--line-2); }
:root[data-theme="light"] .btn--ghost:hover { border-color: var(--text); background: var(--bg-2); }
:root[data-theme="light"] .hero .btn--ghost:hover,
:root[data-theme="light"] .sec--video .btn--ghost:hover { background: rgba(255, 255, 255, .12); }

/* Neon na bieli: głębsza czerwień dla czytelności, poświata ledwie muśnięta —
   na jasnym tle rozlana łuna robi się brudna. */
:root[data-theme="light"] {
	--neon: #e00c18;
	--neon-glow: 0 0 14px rgba(224, 12, 24, .22);
}

/* Zaznaczenie i wskaźnik otwarcia biura. */
:root[data-theme="light"] .dot--on { background: #1a9f5a; }
:root[data-theme="light"] .form__status.is-ok { color: #157a46; }