/* ============================================================ BKtenis — Design tokens Kolory wzięte wprost z logo: niebieski / czerwony / pomarańczowy / zielony / żółty. Nagłówki sekcji cyklicznie "noszą" te kolory, tak jak wielokolorowy napis TENIS w logo. ============================================================ */ :root{ --blue: #1E7FD6; --blue-dk: #12579A; --red: #E6402C; --orange: #F5821F; --green: #6FBF2E; --yellow: #FFCE00; /* Przyciemnione warianty tych samych kolorów, używane WYŁĄCZNIE tam, gdzie na nich (lub nimi) stoi mały tekst (plakietki, linki nawigacji, komunikaty formularza) — żeby spełnić WCAG AA (4.5:1). Główne kolory powyżej zostają bez zmian wszędzie indziej (przyciski, obramowania, duże liczby cennika), żeby nie zmieniać identyfikacji wizualnej marki. */ --blue-a11y: #1C75C5; --red-a11y: #DB2F1A; --orange-a11y: #B65908; --green-a11y: #4A801F; --ink: #14202B; --ink-soft:#43535F; --paper: #FBFAF6; --paper-2: #F1EFE6; --court: #0F3D2E; /* zielone tło kortu / sekcji ciemnych */ --court-2: #0B2F24; --line: #E4E0D2; --font-display: "Baloo 2", "Segoe UI", sans-serif; --font-body: "Manrope", "Segoe UI", sans-serif; --radius: 18px; --radius-sm: 10px; --shadow: 0 12px 30px -14px rgba(15,40,30,0.35); --wrap: 1180px; /* Domyślne (fallback) tokeny sezonowe — nadpisywane przez [data-season] niżej */ --season-accent-a: var(--blue); --season-accent-b: var(--yellow); --season-glow: 30,127,214; --season-particle: rgba(30,127,214,.28); } /* ============================================================ Sezony — te same sekcje i układ, zmienia się tylko "skórka": dominujące kolory akcentu, poświata w hero i wzór cząsteczek. Ustawiane automatycznie wg daty (patrz