@font-face {
  font-family: seat-bcn;
  src: url("../fonts/SEATBCN-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: seat-bcn;
  src: url("../fonts/SEATBCN-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: seat-bcn;
  src: url("../fonts/SEATBCN-CondensedBold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --brand-color-primary: #ea5d1a;
  --brand-color-primary-alternative: #000000;
  --brand-color-black: #000000;
  --brand-color-primary-200: #dedad4;
  --brand-color-misc-200: #ded4d9;
  --brand-color-misc-400: #dedad4;
  --brand-color-misc-600: #f4f2ef;
  --brand-color-misc-800: #fafaf9;
  --brand-color-background-200: #fafaf9;
  --brand-color-background-600: #33302e;
  --brand-color-text-200: #ffffff;
  --brand-color-text-600: #0f0f0f;

  --header-height-ios: 4.625rem;
  --brand-score-color: #33302e;
  --brand-font-family-base: seat-bcn, helvetica, arial, sans-serif;
  --brand-text-color: var(--brand-color-text-600);

  --brand-body-background: var(--brand-color-misc-600);

  --brand-stock-match-background: var(--brand-color-primary);
  --brand-stock-match-configured-background: var(
    --brand-color-primary-alternative
  );

  --brand-button-ghost-color: var(--brand-text-color);
  --brand-button-border-radius: 3px;
  --brand-button-navigation-border-radius: var(--brand-button-border-radius);
  --brand-button-navigation-border-width: 2px;
  --brand-summary-overview-color: currentColor;
  --brand-summary-button-primary-background-color: var(--brand-color-text-600);
  --brand-private-lease-calculate-link-color: var(--brand-color-primary);

  --brand-button-ghost-secondary-background-hover: var(--color-primary);
  --brand-button-ghost-secondary-border-color-hover: var(--color-primary);
  --brand-button-ghost-secondary-border-color: var(--color-primary);
  --brand-button-ghost-secondary-color-hover: var(--color-white);
  --brand-button-ghost-secondary-color: var(--color-primary);
  --brand-card-price-margin-left: 0;
  --brand-trimline-compare-score-color: var(--brand-score-color);
  --brand-stock-carousel-border-radius: 0;

  --brand-forms-border-color: #d1d1d1;
  --brand-color-cta: var(--brand-color-primary);
  --brand-forms-text-color: var(--brand-color-primary-alternative);
  --brand-forms-container-background-color: #fff;

  --plc-title-font-size: 1.75em;
  --plc-legend-font-size: 1em;
  --plc-legend-font-weight: 700;
  --plc-radio-background: #f5f5f5;
  --plc-radio-border-color: #ddd;
  --plc-radio-padding: 1em 0.5em;
  --plc-description-color: #a4a4a4;
  --brand-configurator-bg-color: #f4f2ef;

  --tac-overlay-header-text-color: var(--brand-color-black);
  --tac-overlay-header-text-size: 32px;
  --tac-overlay-subheader-text-color: var(--brand-color-black);
  --tac-overlay-subheader-text-size: 16px;

  --tac-overlay-input-text-color: var(--brand-color-black);
  --tac-overlay-input-text-size: 16px;
  --tac-overlay-input-text-weight: 700;
  --tac-overlay-input-item-text-color: var(--brand-color-black);
  --tac-overlay-input-icon-color: var(--brand-color-black);
  --tac-overlay-radio-button-checked-option-text: var(--brand-color-text-200);
  --tac-overlay-radio-button-checked-option: #d8672e;
  --tac-overlay-radio-button-checked-option-focus: #d8672e;
  --tac-overlay-radio-button-background-color: #f5f5f5;
  --tac-overlay-heading-wrapper: 700;
  --tac-overlay-button-color: var(--brand-color-black);
  --tac-overlay-button-text-color: var(--brand-color-text-200);
  --tac-overlay-button-text-size: 16px;
  --tac-overlay-button-hover-color: var(--brand-color-black);
  --tac-overlay-button-hover-text-color: var(--brand-color-text-200);
  --tac-overlay-button-border-radius: 0.3em;
  --tac-overlay-disclaimer-text-color: #a4a4a4;
  --tac-overlay-fiscal-value-text-color: var(--brand-color-black);
  --tac-overlay-fiscal-value-text-size: 16px;

  --brand-summary-cta-button-bg-color: var(--brand-color-primary);
  --brand-summary-cta-link-icon-color: var(--brand-color-white);
  --brand-summary-disclaimer-text-color: var(--brand-text-color);
  --brand-summary-tab-text-color: var(--brand-color-text-600);
  --brand-summary-tab-bg-color: #fafaf9;
  --brand-summary-tab-active-bg-color: #fafaf9;
  --brand-summary-tab-link-color: #ea5d1a;
  --brand-summary-img-scale-sm: 1;
  --brand-form-success-message-title-font-weight: 700;
  --brand-form-success-message-sub-title-font-weight: 700;
  --brand-dealer-search-text-field-border-size: 0;
  --brand-dealer-search-cart-icon-bg-color-hover: var(--brand-color-text-600);
  --brand-dealer-search-cart-icon-border-color-hover: var(
    --brand-color-text-600
  );
  --brand-dealer-search-cart-icon-bg-color: var(--brand-color-text-600);
  --brand-dealer-search-cart-icon-border-color: var(--brand-color-text-600);
  --brand-forms-text-field-checkbox-check-bg-color: var(--brand-color-text-600);
  --form-field-container-margin-bottom: 1rem;

  /* Step Number */
  --brand-step-number-container-border-color: var(--brand-color-black);
  --brand-step-number-container-bg-color: var(--brand-color-text-200);
  --brand-step-number-container-text-color: var(--brand-color-black);
  --brand-step-number-container-active-text-color: var(--brand-color-text-200);
  --brand-step-number-container-active-bg-color: var(--brand-color-black);
  --brand-step-number-container-active-border-color: var(--brand-color-black);
  --brand-step-container-question-text-font-weight: 700;

  /* Option Field */
  --brand-step-container-option-button-input-default-bg-color: var(--brand-color-text-200);
  --brand-step-container-option-button-input-default-border-color: var(--brand-color-black);

  /* Option Field Checked/Selected */
  --brand-step-container-option-button-input-selected-bg-color:  var(--brand-color-black);
  --brand-step-container-option-button-input-selected-border-color: var(--brand-color-text-200);
  --brand-step-container-option-button-input-selected-before-bg-color: var(--brand-color-text-200);
  --brand-step-container-option-button-input-selected-text-color: var(--brand-color-text-200);

  /* Primary and Seconadary Buttons */
  --brand-button-type-primary-color: #FFFFFF;
  --brand-button-type-primary-background-color: #EA5D1A;
  --brand-button-type-primary-border: 1px solid #EA5D1A;
  --brand-button-type-primary-color-hover: #FFFFFF;
  --brand-button-type-primary-background-color-hover: #F5804A;
  --brand-button-type-primary-border-hover: 1px solid #F5804A;

  --brand-button-type-secondary-color: #EA5D1A;
  --brand-button-type-secondary-background-color: #FAFAFA;
  --brand-button-type-secondary-border: 1px solid #EA5D1A;
  --brand-button-type-secondary-color-hover: #F5804A;
  --brand-button-type-secondary-background-color-hover: #FAFAFA;
  --brand-button-type-secondary-border-color-hover: #F5804A;
  --brand-form-component-title-font-weight: 700;
}