@import './_core.css';

:root {
  /* primary color */
  --mw-color-primary-50: #fffefc;
  --mw-color-primary-100: #fff0b0;
  --mw-color-primary-200: #ffdf74;
  --mw-color-primary-300: #fbb900; /* Original; */
  --mw-color-primary-400: #ce9300;
  --mw-color-primary-500: #9d6e00;
  --mw-color-primary-600: #7e5600;
  --mw-color-primary-700: #604100;
  --mw-color-primary-800: #422b00;
  --mw-color-primary-900: #362200;
  --mw-color-primary-950: #1a0f00;
  --mw-color-primary-contrast-on-light: #292929;
  --mw-color-primary-contrast-on-dark: #ffffff;

  --mw-color-primary: var(--mw-color-primary-300);
  --mw-color-primary--hover: var(--mw-color-primary-400);
  --mw-color-primary--active: var(--mw-color-primary-500);
  --mw-color-primary--contrast: var(--mw-color-secondary-contrast-on-light);

  --mw-color-secondary-50: #fcfeff;
  --mw-color-secondary-100: #dff3ff;
  --mw-color-secondary-200: #bee8ff;
  --mw-color-secondary-300: #7ccfff;
  --mw-color-secondary-400: #009ee0; /* Original LightBlue for Buttons / Headline /Backgrounds; */
  --mw-color-secondary-500: #007db9;
  --mw-color-secondary-600: #00568f; /* Original DarkBlue for Headlines/Backgrounds; */
  --mw-color-secondary-700: #004b74;
  --mw-color-secondary-800: #003250;
  --mw-color-secondary-900: #002842;
  --mw-color-secondary-950: #001221;
  --mw-color-secondary-contrast-on-light: #292929;
  --mw-color-secondary-contrast-on-dark: #ffffff;

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

  --mw-link-color: var(--mw-color-secondary-600);
  --mw-link-color--hover: var(--mw-color-secondary-700);
  --mw-link-color--active: var(--mw-color-secondary-800);

  --mw-input-border-radius: var(--mw-border-radius-2);
  --mw-button-border-radius: var(--mw-border-radius-2);
  --mw-table-border-radius: var(--mw-border-radius-2);
  --mw-card-border-radius: var(--mw-border-radius-2);
  --mw--asset-management--card--border-radius: var(--mw-border-radius-2);
  --mw--dialog--border-radius: var(--mw-border-radius-2);
}

[data-component='Button'] {
  --mw--button--border-radius: var(--mw-border-radius-2);
}

[data-component='Headline'] {
  --mw--headline--text-color: var(--mw-color-secondary-600);
}

[data-component='SegmentControl'] {
  --mw--segment-control--border-radius: var(--mw-border-radius-2);
}

[data-component='DatePicker'] {
  --mw--date-picker--border-radius: var(--mw-border-radius-2);
}

[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='Table'] {
  --mw--table--header-text-color: var(--mw-color-secondary--contrast);
  --mw--table--header-background-color: var(--mw-color-secondary);
}

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

[data-component='StepIndicator'] {
  --mw--step-indicator--text-color--active: var(--mw-color-text);
  --mw--step-indicator--label-text-color--active: var(--mw-color-text);
}

[data-component='MediaWithContentSection'] {
  --mw--media-with-content-section--background-color--accent: transparent;
  --mw--media-with-content-section--background-image--accent: url('/img/wemag-bg.png');
  --mw--media-with-content-section--button--background-color--accent: var(
    --mw-color-primary
  );
  --mw--media-with-content-section--button--background-color--hover--accent: var(
    --mw-color-primary--hover
  );
  --mw--media-with-content-section--button--background-color--active--accent: var(
    --mw-color-primary--active
  );
  --mw--media-with-content-section--button--border-color--accent: transparent;
  --mw--media-with-content-section--button--text-color--accent: var(
    --mw-color-primary--contrast
  );
}

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

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

[data-component-bottom-navigation] {
  --mw--bottom-navigation-bar--background-color: var(--mw-color-secondary-500);
  --mw--bottom-navigation-bar--item--content-color: var(--mw-color-primary-50);
  --mw--bottom-navigation-bar--item--background--active: var(
    --mw-color-secondary-600
  );
}

[data-component-benefits-table] {
  --mw--benefits-card--tag-text-color: var(--mw-color-text);
}