/* Project Variables v1.0 */

:root {

  --color-branding-primary: #006671;
  --color-branding-secondary: #1771CC;
  --color-branding-tertiary:#eaf8fb;

  --color-text:#4a4a4a;
  --color-link:#1771cc;
  --color-link-hover:#004a94;

  --color-button-text:#ffffff;
  --color-button-border:#1771CC;
  --color-button-background:#1771CC;
  --color-button-text-hover:#ffffff;
  --color-button-border-hover:#004a94;
  --color-button-background-hover:#004a94;

  --color-top-nav-link:#474B55;
  --color-top-nav-link-hover:#004a94;

  --color-header-background:#ffffff;

  --color-minicart-icon:#1771CC;
  --color-minicart-icon-hover:#004a94;

  --color-trust-signal-background:#ffffff;
  --color-trust-signal-icon:#1771CC;
  --color-trust-signal-text:#474B55;

  --color-section-divider-background:#f6f6f6;
  --color-section-divider-h2:#1771CC;
  --color-section-divider-p:#242424;

  --color-page-bottom-background:#474B55;
  --color-footer-background:#474B55;
  --color-footer-text:#ffffff;
  --color-footer-link:#ffffff;
  --color-footer-link-hover:#ffffff;
  --color-footer-icon:#ffffff;

  --color-light-gray: #f6f6f6;
  --color-mid-gray: #9b9b9b;
  --color-dark-gray: #717171;

  --color-price:#1771CC;
  --color-price-old:#717171;
  --color-price-discount:#474B55;

  --color-product-page-description-background:#f6f6f6;

  --color-success-page-background:#003c4b;

  --color-border-lines:#9b9b9b;

  --color-pa-checked: #699b4e;
  --color-pa-answer-checked-bg: #1771CC;
  --color-pa-icon-green: #699b4e;
  --color-pa-icon-yellow: #ffd600;
  --color-pa-icon-red: #d0021b;

  --spacing__rhythmUnit: 1rem;
  --spacing__vertical--1: var(--spacing__rhythmUnit);
  --spacing__vertical--2: calc(2 * var(--spacing__rhythmUnit));
  --spacing__vertical--3: calc(3 * var(--spacing__rhythmUnit));
  --spacing__vertical--half: calc(var(--spacing__rhythmUnit)/2);

  --text-h1-size: 3.2rem;
  --text-h1-line-height:1.3;

  --text-h2-size: 2.4rem;
  --text-h2-line-height: 1.3;

  --text-h3-size: 1.8rem;
  --text-h3-line-height: 1.35;

  --text-h4-size: 1.6rem;
  --text-h4-line-height: 1.5;

  --text-normal-size: 1.6rem;
  --text-normal-line-height: 1.5;

  --text-small-size: 1.4rem;
  --text-small-line-height: 1.5;

  --font-weight-normal: 400;
  --font-weight-bold: 600;
  --font-family: "Roboto", Helvetica, Arial, sans-serif;
  --font-family-button: "Roboto Condensed", sans-serif;

  --width-content-max: 124rem;
  --width-content-max-calc: calc(100% - 4rem);
}