:root {
  --over-color-primary: #000;
  --over-color-secondary: #212121;
  --over-color-tertiary: #f8f8f8;
  --over-color-quaternary: #eeeeee;

  --over-color-black: #212121;
  --over-color-grey: #848484;

  --over-bg-header: var(--brand-secondary);
  --over-on-header: var(--brand-color-white);
  --over-bg-navigation: var(--brand-color-white);
  --over-on-bg-navigation: var(--brand-color-black);
  --over-bg-navigation-home: var(--brand-color-tertiary);
  --over-on-bg-navigation-home: var(--brand-color-black);
  --over-bg-header-qf: var(--brand-color-primary);
  --over-on-bg-qf: var(--brand-color-white);

  --over-button-bg: var(--brand-color-primary);
  --over-button-on-bg: var(--brand-color-white);
  --over-button-unread: var(--brand-button-bg);

  --over-bg-collection: var(--brand-color-black);
  --over-on-bg-collection: var(--brand-color-white);

  --over-button-notif: var(--brand-color-gold);

  --over-bg-image: var(--brand-color-white);
  --over-bg-page: var(--brand-color-tertiary);

  --over-h0-font-weight: 450;
  --over-h0-font-size: 40px;

  --over-h1-font-weight: 450;
  --over-h1-font-size: 26px;

  --over-h2-font-weight: 450;
  --over-h2-font-size: 20px;

  --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-3-nav-font-weight: 450;
  --over-body-3-nav-font-size: 16px;

  --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-font-button-small-1-weight: 400;
  --over-font-button-small-1-size: 12px;

  --over-font-button-small-2-weight: 450;
  --over-font-button-small-2-size: 12px;

  --over-item-list-gap: 8px;
  --over-item-list-padding: 16px;
  --over-item-list-border-color: var(--brand-bg-image);

  --over-logo: url('/assets/static/images/logos/logo_white.svg');
  --over-logo-mobile: url('/assets/static/images/logos/logo_small.svg');
  --over-logo-mobile-height: 32px;
  --over-logo-size: 'auto';
  --over-animated-bottom-border-color: #1d1d1f;

  --over-logo-login: url('/assets/static/images/logos/logo_black.svg');
  --over-logo-height-login: 60px;
  --over-logo-size-login: 60px;

  --over-border-bottom-width: 0;

  --over-stock-not-available-bg: var(--black-color);
  --over-no-image-placeholder-size: 50%;

  --over-title-module-font-size: 32px;
  --over-title-module-font-weight: 450;

  --over-no-image-placeholder: url('/assets/static/images/placeholder.svg');
  --over-no-image-placeholder-size-list: 60px;
  --over-label-font-weight-bold: 450;
  --over-label-light-font-weight-bold: 400;
  --over-h4-font-weight: 450;
}