@import './_core.css';

:root {
  /* color primary */
  --mw-color-primary-50: #fffdfc;
  --mw-color-primary-100: #ffecea;
  --mw-color-primary-200: #ffd8d3;
  --mw-color-primary-300: #ffb3ab;
  --mw-color-primary-400: #fd736c;
  --mw-color-primary-500: #d72c31; /* Default; */
  --mw-color-primary-600: #bc101f; /* Hover; */
  --mw-color-primary-700: #93000e; /* Active; */
  --mw-color-primary-800: #680004;
  --mw-color-primary-900: #550002;
  --mw-color-primary-950: #2d0000;
  --mw-color-primary-contrast-on-light: #292929;
  --mw-color-primary-contrast-on-dark: #ffffff;

  --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: #eaf2f9;
  --mw-color-secondary-200: #d3e3f4;
  --mw-color-secondary-300: #a8c9e9;
  --mw-color-secondary-400: #6ca3d5;
  --mw-color-secondary-500: #2f7bba;
  --mw-color-secondary-600: #0063a4; /* Default; */
  --mw-color-secondary-700: #004883; /* Hover; */
  --mw-color-secondary-800: #00305e; /* Active; */
  --mw-color-secondary-900: #00264e;
  --mw-color-secondary-950: #001129;
  --mw-color-secondary-contrast-on-light: #292929;
  --mw-color-secondary-contrast-on-dark: #ffffff;

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

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

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

[data-component='Accordion'] {
  --mw--accordion--headline-color--open: var(--mw-color-secondary);
}

[data-component-media-with-content-section] {
  --mw--media-with-content-section--button--border-color--accent: transparent;
  --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-secondary
  );
  --mw--media-with-content-section--button--background-color--hover--default: var(
    --mw-color-secondary--hover
  );
  --mw--media-with-content-section--button--background-color--active--default: var(
    --mw-color-secondary--active
  );
  --mw--media-with-content-section--button--text-color--default: var(
    --mw-color-primary--contrast
  );

  --mw--media-with-content-section--background-color--accent: var(
    --mw-color-secondary
  );
  --mw--media-with-content-section--text-color--accent: var(
    --mw-color-secondary--contrast
  );
  --mw--media-with-content-section--button--border-color--accent: transparent;
  --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
  );
}

[data-component-site-footer] {
  --mw--site-footer--background-color: var(--mw-color-neutral-0);
  --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--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-neutral-0);
  --mw--site-header--link--color: var(--mw-color-neutral-800);
  --mw--site-header--link--background-color--hover: var(--mw-color-neutral-100);
  --mw--site-header--link--background-color--active: var(
    --mw-color-neutral-200
  );
  --mw--site-header--link--background-color--selected: var(
    --mw-color-neutral-100
  );
  --mw--site-header--shadow: var(--mw-shadow-level-2);
}