:root {
  --custom-clr-primary-50: #fffdf6;
  --custom-clr-primary-100: #f7f3e7;
  --custom-clr-primary-200: #e8e3d2;
  --custom-clr-primary-300: #dbd2b8;
  --custom-clr-primary-400: #cec29e;
  --custom-clr-primary-500: #C1B282;
  --custom-clr-primary-600: #a09367;
  --custom-clr-primary-700: #7f7551;
  --custom-clr-primary-800: #595236;
  --custom-clr-primary-900: #453500;
  --custom-clr-primary-950: #312200;
  --custom-body-link-hover-clr: #2777be;
  --custom-base-font-size: 1rem;
  --custom-ff-primary: Barlow,Barlow-fallback,Arial,sans-serif;
  --custom-ff-secondary: playfair-display;
  --custom-d1-ff: var(--custom-ff-secondary);
  --custom-d1-fs: 6rem;
  --custom-d1-sf: 2.5;
  --custom-d1-lh: 6.838rem;
  --custom-d1-ls: 0.00em;
  --custom-d1-fw: 800;
  --custom-d1-tt: uppercase;
  --custom-d2-ff: var(--custom-ff-secondary);
  --custom-d2-fs: 5rem;
  --custom-d2-sf: 2.5;
  --custom-d2-lh: 5.7rem;
  --custom-d2-ls: 0.00em;
  --custom-d2-fw: 700;
  --custom-d2-tt: none;
  --custom-d3-ff: var(--custom-ff-secondary);
  --custom-d3-fs: 4rem;
  --custom-d3-sf: 2;
  --custom-d3-lh: 4.637rem;
  --custom-d3-ls: 0.00em;
  --custom-d3-fw: 800;
  --custom-d3-tt: none;
  --custom-d4-ff: var(--custom-ff-secondary);
  --custom-d4-fs: 3rem;
  --custom-d4-sf: 2;
  --custom-d4-lh: 3.3rem;
  --custom-d4-ls: 0.00em;
  --custom-d4-fw: 700;
  --custom-d4-tt: none;
  --custom-d5-ff: var(--custom-ff-primary);
  --custom-d5-fs: 2.5rem;
  --custom-d5-sf: 2;
  --custom-d5-lh: 3rem;
  --custom-d5-ls: 0.00em;
  --custom-d5-fw: 700;
  --custom-d5-tt: none;
  --custom-d6-ff: var(--custom-ff-secondary);
  --custom-d6-fs: 2rem;
  --custom-d6-sf: 2;
  --custom-d6-lh: 2.6rem;
  --custom-d6-ls: 0.00em;
  --custom-d6-fw: 700;
  --custom-d6-tt: none;
  --custom-h1-ff: var(--custom-ff-primary);
  --custom-h1-fs: 3rem;
  --custom-h1-sf: 2;
  --custom-h1-lh: 4.131rem;
  --custom-h1-ls: 0.00em;
  --custom-h1-fw: 900;
  --custom-h1-tt: none;
  --custom-h2-ff: var(--custom-ff-secondary);
  --custom-h2-fs: 2.5rem;
  --custom-h2-sf: 1.667;
  --custom-h2-lh: 3.3rem;
  --custom-h2-ls: 0.00em;
  --custom-h2-fw: 700;
  --custom-h2-tt: none;
  --custom-h3-ff: var(--custom-ff-secondary);
  --custom-h3-fs: 2.25rem;
  --custom-h3-sf: 1.618;
  --custom-h3-lh: 3rem;
  --custom-h3-ls: 0.00em;
  --custom-h3-fw: 700;
  --custom-h3-tt: none;
  --custom-h4-ff: var(--custom-ff-primary);
  --custom-h4-fs: 1.75rem;
  --custom-h4-sf: 1.5;
  --custom-h4-lh: 2.6rem;
  --custom-h4-ls: 0.00em;
  --custom-h4-fw: 700;
  --custom-h4-tt: none;
  --custom-h5-ff: var(--custom-ff-primary);
  --custom-h5-fs: 1.5rem;
  --custom-h5-sf: 1.414;
  --custom-h5-lh: 2.025rem;
  --custom-h5-ls: 0.00em;
  --custom-h5-fw: 700;
  --custom-h5-tt: none;
  --custom-h6-ff: var(--custom-ff-primary);
  --custom-h6-fs: 1.25rem;
  --custom-h6-sf: 1.414;
  --custom-h6-lh: 1.75rem;
  --custom-h6-ls: 0.00em;
  --custom-h6-fw: 700;
  --custom-h6-tt: none;
  --custom-radius: 0;
  --custom-field-bg: #FFFFFF;
  --custom-field-error-bg: color-mix(in srgb, var(--clr-danger-tint) 10%, transparent 90%);
  --custom-field-success-bg: color-mix(in srgb, var(--clr-success-tint) 20%, transparent 80%);
  --custom-field-autofill-bg: #d4e4f2;
  --custom-field-selection-clr: #FFFFFF;
  --custom-modal-bg-clr: #000000;
  --custom-lightgallery-bg-clr: #000000;
  --custom-lightgallery-clr: #ffffff;
  --custom-favourite-clr: #8996A2;
  --custom-quantity-selector-btn-bg-clr: #FFFFFF;
  --custom-quantity-selector-number-bg-clr: #FFFFFF;
  --custom-quantity-selector-number-hover-bg-clr: #FFFFFF;
  --custom-quantity-selector-remove-btn-hover-clr: #FFFFFF;
  --custom-quantity-selector-remove-btn-border-hover-clr: #2777be;
  --custom-quantity-selector-cart-btn-clr: #ffffff;
  --custom-quantity-selector-cart-btn-hover-clr: #ffffff;
  --custom-product-card-bg-hover-clr: #ffffff;
  --custom-product-card-border-clr: #f3f4f6;
  --custom-product-card-button-clr: #000;
  --custom-order-summary-clr: #000000;
  --custom-order-summary-bg-clr: #ffffff;
  --toggle-order-summary-box-shadow: initial;
  --custom-order-summary-header-clr: #2777be;
  --custom-order-summary-header-bg-clr: #ffffff;
  --custom-order-summary-footer-clr: #2777be;
  --custom-order-summary-footer-bg-clr: #ffffff;
  --custom-order-summary-promo-bg-clr: #ffffff;
  --custom-order-summary-promo-tag-clr: #ffffff;
  --custom-data-table-header-bg-clr: #b7d2e9;
  --custom-data-table-header-border-clr: #6fa4d4;
  --custom-data-table-row-bg-clr: #ffffff;
  --custom-data-table-toggle-striped: 1;
  --custom-def-list-term-clr: #8996A2;
  --custom-def-list-definition-clr: #000000;
  --custom-sticky: 1;
  --custom-header-box-shadow: 1;
  --custom-header-bg-clr: #ffffff;
  --custom-header-icon-clr: #000000;
  --custom-header-icon-hover-clr: #2761e7;
  --custom-header_type: 2;
  --custom-header-mobile-topbar-center-bg-clr: #2761e7;
  --custom-header-bottom-bar-bg-clr: #212121;
  --custom-header-mobile-topbar-center-border-clr: #2761e7;
  --custom-header-bottom-bar-border-clr: #212121;
  --custom-header-nav-box-shadow: 1;
  --custom-header-nav-overlay: 1;
  --custom-header-nav-link-active-hover-clr: #2777be;
  --custom-footer_type: 2;
  --custom-footer-bg-clr: #f4f4f1;
  --custom-footer-icon-clr: #000;
  --custom-footer-icon-hover-clr: #000;
  --custom-footer-alt-bg-clr: #121212;
  --custom-footer-alt-clr: #ffffff;
  --custom-footer-alt-link-clr: #ffffff;
  --custom-category-tree-bg-clr: #FFFFFF;
  --custom-category-tree-l1-clr: #000000;
  --custom-sidebar-clr: #000000;
  --custom-sidebar-link-clr: #000000;
  --custom-product-item-bg-clr: #FFFFFF;
  --custom-checkout-header-bg-clr: #ffffff;
  --custom-checkout-footer-bg-clr: #ffffff;
  --custom-checkout-footer-top-border-clr: #abb5c4;
  --custom-product-page-sidebar-separator-toggle: 0;
  --custom-product-page-description-initial-state-desktop: 0;
  --custom-product-page-attributes-initial-state-desktop: 0;
  --custom-product-page-documents-initial-state-desktop: 0;
  --custom-product-availability-locations-text: Dostupnost po lokacijama;
  --toggle-registration-icon-drop-shadow: initial;
  --footer-logo-bg-clr: #FFFFFF;
}

@font-face {
    font-family: 'playfair-display';
    src: url('../fonts/variable/playfair-display/PlayfairDisplay-VariableFont_wght.ttf') format('truetype');
    font-weight: 400 900;
    font-style: normal;
}

