:root {
	/* --- semantic tokens --- */

	/* component-level tokens */
	--primary: var(--blue-normal);
	--primary-hover: var(--blue-normal-hover);
	--primary-active: var(--blue-normal-active);
	--primary-active-semi-2: var(--blue-normal-active-semi-2);

	--primary-dark: var(--blue-dark);
	--primary-dark-hover: var(--blue-dark);

	--primary-surface: var(--soft-white-light);
	--primary-surface-hover: var(--soft-white-light-hover);
	--primary-surface-active: var(--soft-white-light-active);

	--primary-text-color: var(--black);
	--primary-text-color-alt: var(--soft-white-light-active);
	--secondary-text-color: var(--gray);
	--secondary-text-color-alt: var(--gray-light);
	--tertiary-text-color: var(--gray-light-active);

	--accent-text-color: var(--blue-normal);
	--dark-text-color: var(--blue-dark);

	--disabled-surface-color: var(--gray-light);
	--disabled-text-color: var(--gray-light-active);

	--selected: var(--blue-normal);

	--promotion-ink: var(--blue-dark);
	--promotion-border: var(--blue-light-active);
	--promotion-glow: var(--blue-light);
	--promotion-accent: var(--blue-accent);

	--coloured-surface: var(--blue-light);
	--coloured-surface-border: var(--blue-light-active);
	--coloured-surface-border-light: var(--blue-light-hover);

	--shadow-primary: var(--blue-dark-hover-semi-1);

	--input-borders: var(--blue-light);

	--block-background-color: var(--blueish-white);

	--offer-toc-offset: 0px;
}

.oferta_parametry-inner {
	top: 12px;
}

.hero_oferty { background: url("../../images/hero-oferty-2880.jpg") no-repeat center 31%; }
.ps_oferty .kontakt_banner { background: url("../../images/contact-banner-background.jpg") no-repeat center 40%; background-size: cover; }

.wyszukiwarka_formularz .form_field.wyjazd + .icon {background-image: url('../../images/iko-paper-plane.svg'); background-size: 16px; }

.wyszukiwarka_formularz form {background-color: var(--primary-surface);}