:root {
  /*
  // BRAND
  */
  --over-color-primary: #003d57;
  --over-color-secondary: #000;
  --over-color-tertiary: #f5f5f5;
  --over-color-quaternary: #eee;
  --over-color-gold: #003d57;

  /*
  // GENERAL
  */
  --over-color-alert: #d22733;
  --over-color-black: #000;
  --over-color-grey: #6b6b6b;
  --over-color-grey-light: #c2c2c2;

  /*
  // BG-STYLE
  */
  --over-bg-image: var(--brand-color-white);
  --over-bg-page: var(--brand-color-tertiary);
  --over-catalog-homepage-bg: var(--brand-bg-page);

  /*
  // HEADER
  */
  --over-bg-header: var(--brand-color-white);
  --over-on-header: var(--brand-color-black);
  --over-bg-header-test-mode: var(--brand-color-grey-light);
  --over-on-header-test-mode: var(--brand-color-black);
  --over-bg-header-qf: var(--brand-color-quaternary);
  --over-on-bg-qf: var(--brand-color-grey);
  --over-header-border-bottom-color: var(--brand-color-tertiary);

  /*
  // NAVIGATION
  */
  --over-bg-navigation-home: var(--brand-color-tertiary);
  --over-on-bg-navigation-home: var(--brand-color-black);
  --over-bg-navigation: var(--brand-color-white);
  --over-on-bg-navigation: var(--brand-color-black);
  --over-bg-collection: var(--brand-color-black);
  --over-on-bg-collection: var(--brand-color-white);

  /*
  // BUTTON
  */
  --over-color-default: var(--brand-color-primary);
  --over-color-on-default: var(--brand-color-white);
  --over-color-button-black: var(--brand-color-black);
  --over-button-notif: var(--brand-color-primary);
  --over-button-on-notif: var(--brand-color-white);
  --over-button-unread: var(--brand-button-notif);
  --over-button-on-unread: var(--brand-button-on-notif);
  --over-button-chip-number: var(--brand-button-notif);
  --over-button-chip-on-number: var(--brand-button-on-notif);
  --over-button-chip-number-alt: var(--brand-button-notif);
  --over-button-chip-on-number-alt: var(--brand-button-on-notif);
  --over-wishlist-button-header-color: var(--brand-on-header);
  --over-btn-icon-cart-header-bg: var(--brand-color-black);
  --over-btn-icon-cart-header-color: var(--brand-color-white);

  /*
  // TEXT
  */
  --over-h0-font-family: var(--brand-font-primary);
  --over-h0-font-size: 36px;
  --over-h0-font-weight: 500;
  --over-h0-font-size-tablet: 36px;

  --over-h1-font-family: var(--brand-font-primary);
  --over-h1-font-size: 30px;
  --over-h1-font-weight: 500;
  --over-h1-font-size-tablet: 26px;

  --over-h2-font-family: var(--brand-font-tertiary);
  --over-h2-font-weight: 400;
  --over-h2-font-size: 22px;

  --over-h3-font-family: var(--brand-font-tertiary);
  --over-h3-font-weight: 400;
  --over-h3-font-size: 18px;

  --over-h4-font-family: var(--brand-font-tertiary);
  --over-h4-font-weight: 400;
  --over-h4-font-size: 18px;

  --over-h5-font-family: var(--brand-font-tertiary);
  --over-h5-font-size: 18px;
  --over-h5-font-weight: 500;

  --over-body-1-font-weight: 400;
  --over-body-1-size: 15px;

  --over-body-2-font-weight: 450;
  --over-body-2-font-size: 15px;

  --over-body-small-1-font-weight: 400;
  --over-body-small-1-font-size: 14px;

  --over-body-small-2-font-weight: 450;
  --over-body-small-2-font-size: 14px;

  --over-button-label-1-weight: 400;
  --over-body-font-label-1-size: 12px;

  /*
  // MISC
   */
  --over-logo-height-login: 70px;
  --over-orders-nav-bg-color: var(--brand-color-secondary);
  --over-news-carousel-bg: url('/assets/static/images/bg/0.jpg');
  --over-logo-height: 80px;
  --over-logo-mobile: url('/assets/static/images/logos/logo.svg');
  --over-logo: url('/assets/static/images/logos/logo.svg');
  --over-logo-login: url('/assets/static/images/logos/logo_login.svg');
  --over-no-image-placeholder: url('/assets/static/images/placeholder.svg');
  --over-button-label-2-weight: 450;
  --over-button-label-2-size: 12px;
  --over-item-list-gap: 8px;
  --over-item-list-padding: 16px;
  --over-border-bottom-width: 1px;
  --over-title-module-font-size: 32px;
  --over-title-module-font-weight: 450;
  --over-label-2-font-weight: 450;
  --over-label-1-font-weight: 400;
  --over-h4-font-weight: 450;
  --over-iframe-floating-button-bottom-margin: 68px;
  --over-logo-size: 85px;
  --over-catalog-item-height: 400px;
  --over-logo-mobile-height: 60px;
  --over-logo-mobile-margin: 0;
  --over-catalog-item-padding: 24px 0;
  --over-no-image-placeholder-size: 100%;
  --over-no-image-placeholder-size-list: 100px;
  --over-order-item-image-width: 100px;
  --over-logo-size-login: 100%;
  --over-catalog-item-height-mobile: 390px;

  --over-font-button-2-font: var(--brand-font-tertiary);
  --over-button-small-2-size: 16px;
  --over-color-secondary-price: var(--brand-color-grey);
  --over-orders-checkbox-display: none;
}
