:root {
  --custom-clr-primary-50: #f4ffff;
  --custom-clr-primary-100: #e5f9fc;
  --custom-clr-primary-200: #cdebee;
  --custom-clr-primary-300: #afdee4;
  --custom-clr-primary-400: #90d0d9;
  --custom-clr-primary-500: #69c4d0;
  --custom-clr-primary-600: #469ca8;
  --custom-clr-primary-700: #2e757f;
  --custom-clr-primary-800: #0c474f;
  --custom-clr-primary-900: #002937;
  --custom-clr-primary-950: #001220;
  --custom-ff-primary: open-sans;
  --custom-d1-ff: var(--custom-ff-primary);
  --custom-d2-ff: var(--custom-ff-primary);
  --custom-d3-ff: var(--custom-ff-primary);
  --custom-d4-ff: var(--custom-ff-primary);
  --custom-d5-ff: var(--custom-ff-primary);
  --custom-d6-ff: var(--custom-ff-primary);
  --custom-h1-ff: var(--custom-ff-primary);
  --custom-h2-ff: var(--custom-ff-primary);
  --custom-h3-ff: var(--custom-ff-primary);
  --custom-h4-ff: var(--custom-ff-primary);
  --custom-h5-ff: var(--custom-ff-primary);
  --custom-h6-ff: var(--custom-ff-primary);
  --custom-radius: 3;
  --custom-header_type: 3;
  --custom-footer_type: 2;
  --custom-product-page-breadcrumbs-position: top;
  --custom-product-page-sidebar-separator-toggle: 0;
  --custom-product-page-sidebar-bg-clr: #ffffff;
  --custom-product-page-gallery-layout: mosaic;
  --custom-product-page-summary-position: sidebar;
  --custom-product-page-accordion-interactivity-desktop: 1;
  --custom-product-page-accordion-interactivity-tab-mob: 1;
  --custom-product-page-description-initial-state-desktop: 0;
  --custom-product-page-description-initial-state-tab-mob: 1;
  --custom-product-page-attributes-initial-state-desktop: 0;
  --custom-product-page-attributes-initial-state-tab-mob: 0;
  --custom-product-page-documents-initial-state-desktop: 0;
  --custom-product-page-documents-initial-state-tab-mob: 0;
  --custom-product-page-favourite-position: sidebar;
  --custom-product-page-share-position: sidebar;
  --custom-product-availability-locations-text: Dostupnost po lokacijama;
  --custom-clr-neutral-50: #FAFAF9;
  --custom-clr-neutral-100: #F5F5F4;
  --custom-clr-neutral-200: #E7E5E4;
  --custom-clr-neutral-300: #D6D3D1;
  --custom-clr-neutral-400: #A8A29E;
  --custom-clr-neutral-500: #78716C;
  --custom-clr-neutral-600: #57534E;
  --custom-clr-neutral-700: #44403C;
  --custom-clr-neutral-800: #292524;
  --custom-clr-neutral-900: #1C1917;
  --custom-clr-neutral-950: #0C0A09;
}

@font-face {
    font-family: 'open-sans';
    src: url('../fonts/variable/open-sans/OpenSans-Italic-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'open-sans';
    src: url('../fonts/variable/open-sans/OpenSans-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}