:root {
  /** FONTS **/
  --font-body: "Proxima-Nova-Regular", sans-serif;
  --font-headline: "BalmainSans-Medium", sans-serif;
  --font-semibold: "Proxima-Nova-Semibold", sans-serif;
  --font-size-pdp-title: 3rem;
  --font-size-footer: 0.625rem;
  --line-height-pdp-title: 2.75rem;

  --text-sm-2:     .75rem;
  --text-sm-1:     .875rem;

  --text-regular:  1rem;

  --text-lg-125:   1.125rem;
  --text-lg-1:     1.25rem;
  --text-lg-2:     1.5rem;
  --text-lg-3:     1.875rem;
  --text-lg-4:     2rem;

  /* font issue requires this correction to be centered */
  --input-padding: 15px 15px 10px;

  /** COLOR **/
  --color-bg: #fffff;
  --color-body: #e2e2e2;
  --color-button-sku: #000000;
  --color-primary: #ffffff;
  --color-primary-200: #D2F0E6;
  --color-secondary: #000000;
  --color-secondary-200: #b3b3b3;
  --color-secondary-300: #757575;
  --color-secondary-400: #424242;
  --color-secondary-600: #5C5C5C;
  --color-secondary-800: #CECECE;
  --color-dark-grey: #212121;
  --color-footer-bg: var(--color-black);
  --color-mobile-footer-bg: var(--color-black);
  --color-footer-text: #fff;
  --color-warning: #0054C5;
  --color-warning-bg: #E6ECF9;
  --color-copyright: #ffffff;
  --color-success-contrast: #006C00;

  /** SETTINGS **/
  --star-size: 1rem;
  --star-color: #fff;
  --star-background: #000;
  --height-logo-header: var(--text-lg-4);
  --width-logo-header: 16rem;
  --width-logo-header-lg: 16rem;
  --color-header: var(--color-bg);
  --color-header-fg: var(--color-secondary);
}