/* ==========================================================================
 * Themes
 * ========================================================================== */

@import '@inmotionnow/momentum-tokens/dist/tokens';
@import '_adobe-dark';
@import '_inmo-dark';
@import '_inmo-light';

:root,
.mds-t-inmo--light {
  @mixin mds-t-inmo--light;

  .mds-c-navigation {
    --mds-t-background-color--primary: var(
      --mds-d-background-color--inverse-primary
    );
    --mds-t-background-color--secondary: var(
      --mds-d-background-color--inverse-secondary
    );
    --mds-t-background-color--tertiary: var(
      --mds-d-background-color--inverse-tertiary
    );
    --mds-t-border-color--primary: var(--mds-d-border-color--inverse-primary);
    --mds-t-border-color--secondary: var(
      --mds-d-border-color--inverse-secondary
    );
    --mds-t-border-color--tertiary: var(--mds-d-border-color--inverse-tertiary);
    --mds-t-text-color--primary: var(--mds-d-font-color--inverse-primary);
    --mds-t-text-color--secondary: var(--mds-d-font-color--inverse-secondary);
    --mds-t-text-color--tertiary: var(--mds-d-font-color--inverse-tertiary);
    --mds-t-link-color--primary: var(--mds-d-font-color--inverse-tertiary);
    --mds-t-link-color--hover: var(--mds-d-font-color--inverse-primary);
    --mds-t-link-color--active: var(--mds-d-color-brand--primary);
  }
}

.mds-t-inmo--dark {
  @mixin mds-t-inmo--dark;

  .mds-c-navigation {
    --mds-t-background-color--primary: var(--mds-d-color-slate-900);
  }
}

.mds-t-adobe--black,
.mds-t-adobe--dark-gray,
.mds-t-adobe--dark {
  @mixin mds-t-adobe--dark;
}