/* ip3mediapixel (jackgray.eu) — zmienne IP8 z paletą klienta (primary #976c51, hover #604330), migracja 11.9 */
:root {
    --bs-blue: #976c51;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #b48a6f;
    --bs-white: #fff;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    /* GLOBALNE STAŁE*/
    --bs-body-bg: #ffffff;
    --bs-gray: #6c757d;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-success: #00c853;
    --bs-success-lighter: #00d057;
    --bs-info: #976c51;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
}
/* --- Kolory */
/* Niech --bs-primary będzie kolorem głównym  i --bs-accent powinien być kolorem akcentu. --bs-primary-bg będzie kolorem tła elementów i strony, --bs-secondary-bg - drugim kolorem tła, --bs-footer-bg - kolorem tła stopki. Dostosuj podane kolory na podstawie tych kolorów */
:root {
    --bs-primary: #976c51; /* Główny kolor */
    --bs-primary-rgb: 151, 108, 81;
    --bs-primary-bg: #ffffff; /* Kolor tła */
    --bs-primary-text: #212529;
    --bs-secondary-bg: #eeeeee; /* Drugi kolor tła */
    --bs-secondary-text: #212529; /* Drugi kolor tła */
    --bs-accent: #f21559; /* Kolor akcentu */
    --bs-footer-bg: #ffffff; /* Kolor tła stopki */
    --bs-footer-text: #212529; /* Kolor tekstu stopki */
    /* Kolory dodatkowe */
    --bs-preloader-second: #f21559; /* Drugi kolor preloadera */
    --heading-prices-choose: #d63384;
    --bs-delete-lighter: #ff5e85;
    /* ZMIANY ODCIENI GŁÓWNYCH */
    --bs-primary-lighter: #b48a6f;
    --bs-primary-darker: #604330;
    --bs-secondary-lighter: #eeeeee;
    --bs-secondary-darker: #eee;
    --bs-primary-bg-lighter: #ffffff;
    --bs-primary-bg-darker: #f9f8fa;
    --bs-secondary-bg-lighter: #fff;
    --bs-secondary-bg-darker: #15161b;
    --bs-success-lighter: #00d057;
    --bs-accent-lighter: #00d057;
    --bs-gray: #6c757d;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-success: #00c853;
    --bs-info: #976c51;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    /* GŁÓWNE RGB */
    --bs-body-color: #212529;
    --ip-btn-primary-background: #976c51;
    --ip-btn-primary-text: #ffffff;
    --ip-radio-primary-background: #ffffff;
    --ip-radio-primary-text: #212529;
    --ip-radio-primary-border: #976c51;
    --ip-radio-checked-background: #976c51;
    --ip-radio-checked-text: #ffffff;
    --ip-prices-chosen-background: #f9f8fa;
    --ip-prices-btn-color-text: #ffffff;
    --ip-prices-btn-secondary-background: #00d057;
    --ip-modal-primary-background: #ffffff;
    /**/
    --ip-header-main-bg: #ffffff; /* this !!!MUST!!! be the SAME background as the background of the LOGO */
    --ip-product-icons-text-color: #212529;
    --ip-header-menu-text-color: #6c757d;
    --ip-header-menu-text-color-active: #976c51;
    --ip-product-tab-list-nav-link-color: #212529;
    --ip-product-tab-list-nav-link-color-active: #976c51;
    --ip-btn-outlined-background: #ffffff;
    --ip-btn-outlined-text: #976c51;
    --ip-btn-outlined-secondary-background: #ffffff;
    --ip-btn-outlined-secondary-text: #976c51;
    --ip-product-icons-background-color: #ffffff;
    --ip-banner-text: #212529;
    --ip-input-text: #212529; /* input text color */
    --ip-input-background: #ffffff; /* keep it white if possible */
    --ip-carousel-button-color: #976c51;
    --ip-border-radius-boxes: 8px;
    --ip-border-radius-buttons: 50px;
    --ip-border-radius-inputs: 16px;
    --ip-box-shadow-boxes: 0 3px 24px rgba(0, 0, 0, .09);
    --page-max-width: 1200px; /* page container width, adjust between 1100 to 1300 */
    --base-font-size: 16px; /* font size for the html tag, adjust between 15-18 */
    --base-font-family: 'Arial', sans-serif; /* font family for the body tag */
    --heading-font-family: 'Roboto', sans-serif; /* font family for the headings */
    --product-box-size: 250px; /* adjust between 200-300 */


    /* KOLORY IKON*/
    --ip-icon-primary-1: #d9c5b8;
    --ip-icon-primary-2: #b48a6f;
    --ip-icon-primary-3: #976c51;
    --ip-icon-primary-4: #7a5640;
    --ip-icon-primary-5: #604330;

    --ip-icon-primary-accent: #f5a8f5;

    --ip-icon-secondary-1: #fff;
    --ip-icon-secondary-2: #f3f3f3;
    --ip-icon-secondary-3: #e9e9e9;
    --ip-icon-secondary-4: #e4e4e4;
    --ip-icon-secondary-5: #ccc;

    --ip-icon-eco-1: #f4e3d3;
    --ip-icon-eco-2: #f4e0ce;
    --ip-icon-eco-3: #dbccbd;

    --ip-icon-darkest: #3a3a3a;
}