@import './_core.css';
@import './_sparkassen-colors.css';

:root {
  --mw-color-primary-50: #fffef6;
  --mw-color-primary-100: #fff37c;
  --mw-color-primary-200: #ffe03e;
  --mw-color-primary-300: #ffd112; /* Default; */
  --mw-color-primary-400: #c09900; /* Hover; */
  --mw-color-primary-500: #917300; /* Active; */
  --mw-color-primary-600: #745b00;
  --mw-color-primary-700: #594400;
  --mw-color-primary-800: #3d2e00;
  --mw-color-primary-900: #312400;
  --mw-color-primary-950: #171000;
  --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--contrast: var(--mw-color-primary-contrast-on-light);
  --mw-color-primary--hover: var(--mw-color-primary-400);
  --mw-color-primary--active: var(--mw-color-primary-500);

  --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);
}

[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-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-background-color: var(--mw-color-neutral-800);
  --mw--table--header-text-color: var(--mw-color-neutral-0);
  --mw--table--footer-text-color: var(--mw-color-neutral-0);
  --mw--table--footer-background-color: var(--mw-color-neutral-800);
}

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

[data-component='MediaWithContentSection'] {
  --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--border-color--default: 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-primary
  );
  --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--hover--default: 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--background-color--active--default: 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-secondary-800);
  --mw--site-footer--link-color: var(--mw-color-secondary-800);
  --mw--site-footer--link-color--hover: var(--mw-color-primary-300);
  --mw--site-footer--link-color--active: var(--mw-color-primary-400);
}

[data-component-site-header] {
  --mw--site-header--background-color: var(--mw-color-neutral-0);
  --mw--site-header--link--color: var(--mw-color-primary-contrast-on-light);
  --mw--site-header--link--background-color--hover: var(
    --mw-color-secondary-100
  );
  --mw--site-header--link--background-color--active: var(
    --mw-color-secondary-200
  );
  --mw--site-header--link--background-color--selected: var(
    --mw-color-secondary-100
  );
  --mw--site-header--shadow: var(--mw-shadow-level-2);
}

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