@import './_core.css';

:root {
  /**  color primary **/
  --mw-color-primary-50: #fffefd;
  --mw-color-primary-100: #fcede7;
  --mw-color-primary-200: #fadcd0;
  --mw-color-primary-300: #f4b8a0;
  --mw-color-primary-400: #e2865f;
  --mw-color-primary-500: #b94e16; /* Original; */
  --mw-color-primary-600: #a33d00;
  --mw-color-primary-700: #812900;
  --mw-color-primary-800: #5c1800;
  --mw-color-primary-900: #4b1200;
  --mw-color-primary-950: #280500;
  --mw-color-primary-contrast-on-dark: #ffffff;
  --mw-color-primary-contrast-on-light: #292929;

  --mw-color-primary: var(--mw-color-primary-500);
  --mw-color-primary--hover: var(--mw-color-primary-600);
  --mw-color-primary--active: var(--mw-color-primary-700);

  /**  color secondary **/
  --mw-color-secondary-50: #fefeff;
  --mw-color-secondary-100: #e9f3f9;
  --mw-color-secondary-200: #cee4f4;
  --mw-color-secondary-300: #a1cbe9;
  --mw-color-secondary-400: #9d9e9e;
  --mw-color-secondary-500: #0075ac; /* Original; */
  --mw-color-secondary-600: #006398;
  --mw-color-secondary-700: #004a77;
  --mw-color-secondary-800: #003254;
  --mw-color-secondary-900: #002844;
  --mw-color-secondary-950: #001224;
  --mw-color-secondary-contrast-on-dark: #ffffff;
  --mw-color-secondary-contrast-on-light: #292929;

  --mw-color-secondary: var(--mw-color-secondary-500);
  --mw-color-secondary--hover: var(--mw-color-secondary-600);
  --mw-color-secondary--active: var(--mw-color-secondary-700);
  --mw-color-secondary--contrast: var(--mw-color-secondary-contrast-on-dark);

  --mw-page-background-color: var(--mw-color-neutral-50);
  --mw-color-text: var(--mw-color-neutral-700);

  --mw-button-border-radius: var(--mw-border-radius-5);
}

[data-component='Button'] {
  --mw--button--font-weight: var(--mw-font-weight-1);
}

[data-component='Card'] {
  --mw--card--favorite-icon--heart--display: block;
  --mw--card--favorite-icon--star--display: none;
}

[data-component-search-form-scaffold] {
  [data-component='InputSubmitControl'] {
    --mw--input-submit-control--border-radius-normal: var(--mw-border-radius-5);
    [data-component='Button'] {
      --mw--button--padding: var(--mw-space-6);
    }
  }
}

[data-component='Ticket'] {
  --mw--ticket--text-highlight-color: var(--mw-color-secondary);
  --mw--ticket--aside-background-color: var(--mw-color-secondary);
  --mw--ticket--aside-on-background-color: var(--mw-color-secondary--contrast);
}

[data-component='RangeControl'] {
  --mw--range-control--thumb--background-color: var(--mw-color-secondary-700);
  --mw--range-control--range--background-color: var(--mw-color-secondary-700);
}

[data-component='Card'] {
  --mw--card--background-color: var(--mw-color-neutral-50);
  --mw--card--image-background-color: var(--mw-color-neutral-50);
}

[data-component='Table'] {
  --mw--table--header-background-color: var(--mw-color-secondary);
  --mw--table--footer-background-color: var(--mw-color-secondary);
}

[data-component='ContactForm'] {
  --mw--form-heading-border-bottom: 1px solid var(--mw-color-neutral-500);
  --mw--form-heading-border-bottom-margin-bottom: var(--mw-space-6);
}

[data-component='Pagination'] {
  --mw--pagination--background-color--active-item: var(--mw-color-secondary);
  --mw--pagination--text-color--active-item: var(
    --mw-color-secondary--contrast
  );
  --mw--pagination--border-radius: var(--mw-border-radius-5);
  --mw--pagination--font-weight: var(--mw-font-weight-2);
}

[data-component='CardsList'] [data-component='Heading'] {
  --mw--heading--text-color: var(--mw-color-secondary);
}

[data-component='MediaWithContentSection'] {
  --mw--media-with-content-section--button--border-color--default: var(
    --mw-color-primary
  );
  --mw--media-with-content-section--button--border-radius: var(
    --mw-border-radius-5
  );
  --mw--media-with-content-section--button--background-color--default: var(
    --mw-color-primary
  );
  --mw--media-with-content-section--button--background-color--hover--default: var(
    --mw-color-primary
  );
  --mw--media-with-content-section--button--background-color--active--default: var(
    --mw-color-primary--active
  );
  --mw--media-with-content-section--button--text-color--default: var(
    --mw-color-primary--contrast
  );
  --mw--media-with-content-section--heading--color--default: var(
    --mw-color-secondary
  );
}

[data-component-site-footer] {
  --mw--site-footer--background-color: var(--mw-color-secondary);
  --mw--site-footer--link-color--hover: var(--mw-color-primary-200);
  --mw--site-footer--link-color--active: var(--mw-color-primary-300);
  --mw--site-footer--button-background-color--hover: var(
    --mw-color-primary-300
  );
  --mw--site-footer--button-background-color--active: var(
    --mw-color-primary-400
  );
}

[data-component-site-header] {
  --mw--site-header--background-color: var(--mw-color-secondary);
  --mw--site-header--link--background-color--hover: var(
    --mw-color-secondary--hover
  );
  --mw--site-header--link--background-color--active: var(
    --mw-color-secondary--active
  );
  --mw--site-header--link--background-color--selected: var(
    --mw-color-secondary--hover
  );
}

[data-component-bottom-navigation] {
  --mw--bottom-navigation-bar--background-color: var(--mw-color-secondary);
  --mw--bottom-navigation-bar--item--background--active: var(
    --mw-color-secondary--hover
  );
  --mw--bottom-navigation-bar--item--content-color: var(
    --mw-color-secondary--contrast
  );
}

[data-component-benefits-table] {
  --mw--benefits-card--tag-font-weight: var(--mw-font-weight-1);
}

[data-component-content-block] {
  --mw--content-block--headline--color: var(--mw-color-secondary-700);
}