:root {
--main-font-size: 20px;
--primary-font: Rubik, Arial, Sans-Serif;
--secondary-font: Poppins, Arial, Sans-Serif;
--text-font: Rubik, Arial, Sans-Serif;
--text-size: clamp(13px, 1.8vw, 0.75rem);
--text-line-height: 1.5;
--text-font-weight: 400;
--h1-font: Rubik, Arial, Sans-Serif;
--h1-size: clamp(21px, 3vw, 2.2rem);
--h1-line-height: 1.1;
--h1-font-weight: 500;
--h2-font: Rubik, Arial, Sans-Serif;
--h2-size: clamp(19px, 3vw, 2.0rem);
--h2-line-height: 1.3;
--h2-font-weight: 500;
--h3-font: Rubik, Arial, Sans-Serif;
--h3-size: clamp(17px, 3vw, 1.8rem);
--h3-line-height: 1.2;
--h3-font-weight: 500;
--h4-font: Rubik, Arial, Sans-Serif;
--h4-size: clamp(16px, 3vw, 1.6rem);
--h4-line-height: 1.2;
--h4-font-weight: 500;
--h5-font: Rubik, Arial, Sans-Serif;
--h5-size: clamp(15px, 3vw, 1.4rem);
--h5-line-height: 1.2;
--h5-font-weight: 500;
--h6-font: Rubik, Arial, Sans-Serif;
--h6-size: clamp(14px, 3vw, 1.2rem);
--h6-line-height: 1.2;
--h6-font-weight: 500;
--pagetitle-size: clamp(18px, 4vw, 2.1rem);
--pagetitle-line-height: 1.1;
--pagetitle-font-weight: 700;
--primary-color: #f9cb34;
--secondary-color: #212529;
--third-color: #212529;
--text-color: #222222;
--links-color: #000000;
--links-hover-color: #222222;
--h1-color: #212529;
--h2-color: #212529;
--h3-color: #212529;
--h4-color: #212529;
--h5-color: #212529;
--h6-color: #212529;
--pagetitle-color: #ffffff;
--preloader-type-1-color-1: #2590e2;
--preloader-type-1-color-2: #ef7f1a;
--preloader-type-1-background: #1d2327;
--preloader-type-2-color-1: #2590e2;
--preloader-type-2-color-2: #ef7f1a;
--preloader-type-2-color-3: #2590e2;
--preloader-type-2-background: #1d2327;
--preloader-type-3-background: #1d2327;
--preloader-type-4-color-1: #2590e2;
--preloader-type-4-color-2: #ef7f1a;
--preloader-type-4-color-3: #2590e2;
--preloader-type-4-background: #1d2327;
--preloader-type-5-color-1: #2590e2;
--preloader-type-5-color-2: #ef7f1a;
--preloader-type-5-color-3: #2590e2;
--preloader-type-5-background: #1d2327;
--blight-bcolor: #f5f5f5;
--sec-content-width: 1380px;
--sec-content-padding-left: 20px;
--sec-content-padding-right: 20px;
--sec-padding-top: 55px;
--sec-padding-bot: 55px;
--sec-padding-top-min: 40px;
--sec-padding-bot-min: 40px;
--page-title-background: url("https://piero.com.pl/wp-content/uploads/2026/02/page-title-background.webp");
--page-title-background-800: url("https://piero.com.pl/wp-content/uploads/2026/02/page-title-background-800.webp");
--page-title-background-480: url("https://piero.com.pl/wp-content/uploads/2026/02/page-title-background-480.webp");
--footer-background-color: #caccca;
--footer-background: url("https://piero.com.pl/wp-content/uploads/2026/02/footer-background.webp");
--footer-background-800: url("https://piero.com.pl/wp-content/uploads/2026/02/footer-background-800.webp");
--totop-btn-background: #212529;
--totop-btn-background-hover: #f9cb34;
}