@import './_core.css';

:root {
  --mw-color-primary-50: #fffef1;
  --mw-color-primary-100: #fef572;
  --mw-color-primary-200: #fff010; /* Original; */
  --mw-color-primary-300: #d8c800; /* Hover; */
  --mw-color-primary-400: #b09f00; /* Pressed; */
  --mw-color-primary-500: #887600;
  --mw-color-primary-600: #6f5d00;
  --mw-color-primary-700: #584400;
  --mw-color-primary-800: #412c00;
  --mw-color-primary-900: #382100;
  --mw-color-primary-950: #210b00;
  --mw-color-primary-contrast-on-dark: #ffffff;
  --mw-color-primary-contrast-on-light: #292929;

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

  --mw-color-secondary-50: #fefefe;
  --mw-color-secondary-100: #eff0f1;
  --mw-color-secondary-200: #dee1e3;
  --mw-color-secondary-300: #c1c7c9;
  --mw-color-secondary-400: #959fa4;
  --mw-color-secondary-500: #6b797e;
  --mw-color-secondary-600: #516067;
  --mw-color-secondary-700: #384950;
  --mw-color-secondary-800: #20323a;
  --mw-color-secondary-900: #162830;
  --mw-color-secondary-950: #0b1e25; /**Original */

  --mw-color-secondary_contrast-on-dark: #ffffff;
  --mw-color-secondary_contrast-on-light: #0b1e25;

  --mw-color-secondary: var(--mw-color-secondary-800);
  --mw-color-secondary--hover: var(--mw-color-secondary-900);
  --mw-color-secondary--active: var(--mw-color-secondary-950);
  --mw-color-secondary--contrast: var(--mw-color-secondary-contrast-on-dark);

  /** semantic tokens */
  --mw-page-background-color: var(--mw-color-secondary-950);

  --mw-link-color: var(--mw-color-secondary-800);
  --mw-link-color--hover: var(--mw-color-secondary-900);
  --mw-link-color--active: var(--mw-color-secondary-950);

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

[data-component-date-range-control] {
  --mw--date-range-control--text-color--active: var(--mw-color-text);
}

[data-component='Ticket'] {
  --mw--ticket--text-highlight-color: var(--mw-link-color);
  --mw--ticket--border-radius: 0;
}

[data-component='Pagination'] {
  --mw--pagination--border-radius: 0;
}

[data-component='InputSubmitControl'] {
  --mw--input-submit-control--border-radius-normal: var(
    --mw-button-border-radius
  );
}

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

[data-component='MultiSelectControl'] {
  --mw--multiselect-control--color-active: var(--mw-color-secondary);
}

[data-component='Box'] {
  --mw--box--shadow: none;
  --mw--box--border-color: var(--mw-color-neutral-300);
  --mw--box--border-width: 2px;
}

[data-component-media-with-content-section] {
  --mw--media-with-content-section--button--background-color--default: var(
    --mw-color-primary
  );
  --mw--media-with-content-section--button--background-color--accent: var(
    --mw-color-primary
  );
  --mw--media-with-content-section--button--background-color--active--accent: var(
    --mw-color-primary--active
  );
  --mw--media-with-content-section--button--background-color--active--default: var(
    --mw-color-primary--active
  );
  --mw--media-with-content-section--button--background-color--hover--accent: var(
    --mw-color-primary--hover
  );
  --mw--media-with-content-section--button--background-color--hover--default: var(
    --mw-color-primary--hover
  );
  --mw--media-with-content-section--button--border-color--accent: transparent;
  --mw--media-with-content-section--button--border-color--default: transparent;
  --mw--media-with-content-section--button--text-color--accent: var(
    --mw-color-primary--contrast
  );
  --mw--media-with-content-section--button--text-color--default: var(
    --mw-color-primary--contrast
  );
  --mw--media-with-content-section--text-color--default: var(
    --mw-color-neutral-50
  );
}

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

[data-component-site-footer] {
  --mw--site-footer--background-color: var(--mw-page-background-color);
  --mw--site-footer--text-color: var(--mw-color-primary-contrast-on-dark);
  --mw--site-footer--link-color: var(--mw-color-primary-contrast-on-dark);
  --mw--site-footer--link-color--hover: var(--mw-color-primary--hover);
  --mw--site-footer--link-color--active: var(--mw-color-primary--active);
  --mw--site-footer--button-background-color--hover: var(
    --mw-color-primary--hover
  );
  --mw--site-footer--button-background-color--active: var(
    --mw-color-primary--active
  );
}

[data-component-site-header] {
  --mw--site-header--background-color: var(--mw-color-secondary-950);
  --mw--site-header--link--color: var(--mw-color-primary-contrast-on-dark);
  --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
  );
  --mw--site-header--logo--max-width: 50vw;
  --mw--site-header--logo--max-height: 64px;
  --mw--site-header--customer-id--text-color: var(--mw-color-neutral-0);
}

[data-component-side-sheet] {
  --mw--side-sheet--background-color: var(--mw-page-background-color);
  --mw--side-sheet--main-navigation--item--background-color: var(
    --mw-page-background-color
  );
  --mw--side-sheet--main-navigation--item--background-color--hover: var(
    --mw--side-sheet--main-navigation--item--background-color
  );
  --mw--side-sheet--main-navigation--item--background-color--active: var(
    --mw--side-sheet--main-navigation--item--background-color
  );
  --mw--side-sheet--main-navigation--item--text-color: var(
    --mw-color-neutral-0
  );
  --mw--side-sheet--main-navigation--item--text-color--hover: var(
    --mw-color-primary
  );
  --mw--side-sheet--main-navigation--item--text-color--active: var(
    --mw-color-primary
  );
  --mw--side-sheet--footer-navigation--item--text-color: var(
    --mw-color-neutral-0
  );
  --mw--side-sheet--customer-id--text-color: var(--mw-color-neutral-0);
}

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