/* ==========================================================================
   TOKENY — skróty do wartości z theme.json.

   Kolory, czcionki i rozmiary ZMIENIASZ W theme.json. Tu tylko nadajemy im
   krótkie nazwy (--c-*, --f-*) i wartości zapasowe na wypadek, gdyby
   WordPress nie wypisał zmiennych z theme.json.
   ========================================================================== */

:root {
	/* Kolory marki */
	--c-navy:        var(--wp--preset--color--granat, #0B2A5B);
	--c-navy-soft:   var(--wp--preset--color--granat-jasny, #16407E);
	--c-blue:        var(--wp--preset--color--niebieski, #1565E0);
	--c-blue-dark:   var(--wp--preset--color--niebieski-ciemny, #0D4CB0);
	--c-blue-tint:   var(--wp--preset--color--niebieski-blady, #E8F0FE);
	--c-sky:         var(--wp--preset--color--niebo, #EDF4FE);
	--c-sky-2:       var(--wp--preset--color--niebo-jasne, #F6FAFF);
	--c-yellow:      var(--wp--preset--color--zolty, #FFC43D);
	--c-yellow-soft: var(--wp--preset--color--zolty-jasny, #FFF4D6);

	/* Tekst i powierzchnie */
	--c-ink:         var(--wp--preset--color--granat, #0B2A5B);
	--c-body:        var(--wp--preset--color--tekst, #3C4A5E);
	--c-muted:       var(--wp--preset--color--tekst-szary, #5B6B82);
	--c-line:        var(--wp--preset--color--linia, #DEE7F3);
	--c-surface:     var(--wp--preset--color--bialy, #FFFFFF);
	--c-surface-2:   var(--wp--preset--color--tlo-szare, #F3F7FD);

	/* Stany */
	--c-success:     #1E7F4E;
	--c-success-bg:  #E7F6EE;
	--c-error:       #B42318;
	--c-error-bg:    #FDECEA;
	--c-warning-bg:  #FFF4D6;

	/* Gradienty */
	--g-hero:    var(--wp--preset--gradient--hero, linear-gradient(135deg, #F7FAFF 0%, #E9F1FE 45%, #DCE8FD 100%));
	--g-blue:    var(--wp--preset--gradient--niebieski, linear-gradient(135deg, #1565E0 0%, #0D4CB0 100%));
	--g-club:    var(--wp--preset--gradient--klub, linear-gradient(135deg, #0B2A5B 0%, #16407E 55%, #1565E0 100%));
	--g-section: var(--wp--preset--gradient--sekcja, linear-gradient(180deg, #FFFFFF 0%, #F6FAFF 100%));
	--g-glow:    radial-gradient(60% 60% at 70% 20%, rgba(21, 101, 224, 0.14) 0%, rgba(21, 101, 224, 0) 70%);

	/* Czcionki */
	--f-display: var(--wp--preset--font-family--naglowki, Lora, Georgia, serif);
	--f-body:    var(--wp--preset--font-family--tresc, 'Source Sans 3', system-ui, sans-serif);
	--f-hand:    var(--wp--preset--font-family--odreczny, Caveat, cursive);

	/* Rozmiary tekstu */
	--t-h1:   var(--wp--preset--font-size--huge, clamp(2.15rem, 1.5rem + 2.2vw, 3.2rem));
	--t-h2:   var(--wp--preset--font-size--xx-large, clamp(1.65rem, 1.25rem + 1.3vw, 2.2rem));
	--t-h3:   var(--wp--preset--font-size--x-large, clamp(1.15rem, 1rem + 0.5vw, 1.35rem));
	--t-lead: var(--wp--preset--font-size--large, clamp(1.0625rem, 1rem + 0.2vw, 1.125rem));
	--t-body: var(--wp--preset--font-size--medium, 1.0625rem);
	--t-sm:   var(--wp--preset--font-size--small, 0.9375rem);
	--t-xs:   0.8125rem;

	/* Odstępy */
	--s-1: 0.25rem;
	--s-2: 0.5rem;
	--s-3: 0.75rem;
	--s-4: 1rem;
	--s-5: 1.5rem;
	--s-6: 2rem;
	--s-7: 3rem;
	--s-8: 4rem;
	--s-section: var(--wp--preset--spacing--80, clamp(2.5rem, 1.75rem + 3vw, 4.25rem));

	/* Układ */
	--wrap:     1120px;
	--wrap-nar: 820px;
	--gutter:   clamp(1rem, 0.5rem + 2vw, 2.5rem);

	/* Zaokrąglenia */
	--r-sm:   8px;
	--r-md:   12px;
	--r-lg:   16px;
	--r-xl:   24px;
	--r-full: 999px;

	/* Cienie */
	--sh-sm:   var(--wp--preset--shadow--maly, 0 1px 2px rgba(11, 42, 91, 0.06), 0 1px 3px rgba(11, 42, 91, 0.05));
	--sh-md:   var(--wp--preset--shadow--sredni, 0 4px 10px -2px rgba(11, 42, 91, 0.08), 0 2px 6px -2px rgba(11, 42, 91, 0.06));
	--sh-lg:   var(--wp--preset--shadow--duzy, 0 18px 40px -16px rgba(11, 42, 91, 0.2), 0 6px 14px -8px rgba(11, 42, 91, 0.1));
	--sh-blue: 0 14px 30px -14px rgba(21, 101, 224, 0.55);

	/* Ruch */
	--ease: cubic-bezier(0.22, 0.61, 0.36, 1);
	--dur:  0.35s;
}

/* Kto ma wyłączone animacje w systemie, dostaje stronę bez ruchu. */
@media (prefers-reduced-motion: reduce) {
	:root {
		--dur: 0.01ms;
	}

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}