/* ==========================================================================
 * inMo (Light)
 * ========================================================================== */

@define-mixin mds-t-inmo--light {
  /* Background */
  --mds-t-background-color--primary: var(--mds-d-background-color--primary);
  --mds-t-background-color--secondary: var(--mds-d-background-color--secondary);
  --mds-t-background-color--tertiary: var(--mds-d-background-color--tertiary);
  --mds-t-background-color--neutral: var(--mds-d-background-color--neutral);
  --mds-t-background-color--inverse-primary: var(
    --mds-d-background-color--inverse-primary
  );
  --mds-t-background-color--inverse-secondary: var(
    --mds-d-background-color--inverse-secondary
  );
  --mds-t-background-color--inverse-tertiary: var(
    --mds-d-background-color--inverse-tertiary
  );
  --mds-t-background-color--accent: var(--mds-d-background-color--accent);
  --mds-t-background-color--accent-muted: var(
    --mds-d-background-color--accent-muted
  );
  --mds-t-background-color--danger: var(--mds-t-color--red);
  --mds-t-background-color--danger-muted: var(--mds-t-color--red-muted);
  --mds-t-background-color--changes-muted: var(--mds-t-color--orange-muted);
  --mds-t-background-color--overlay: var(--mds-d-background-color--overlay);
  --mds-t-background-color--inverse-overlay: var(
    --mds-d-background-color--inverse-overlay
  );

  /* Border */
  --mds-t-border-color--primary: var(--mds-d-border-color--primary);
  --mds-t-border-color--secondary: var(--mds-d-border-color--secondary);
  --mds-t-border-color--inverse-primary: var(
    --mds-d-border-color--inverse-primary
  );
  --mds-t-border-color--inverse-secondary: var(
    --mds-d-border-color--inverse-secondary
  );
  --mds-t-border-color--accent: var(--mds-d-border-color--accent);
  --mds-t-border-color--danger: var(--mds-t-color--red);
  --mds-t-border-color--changes: var(--mds-t-color--orange);

  /* Status */
  --mds-t-color--neutral-intense: var(--mds-d-color-slate--900);
  --mds-t-color--neutral: var(--mds-d-color-slate--500);
  --mds-t-color--neutral-muted: var(--mds-d-color-slate--100);

  /* Blue */
  --mds-t-color--blue-intense: var(--mds-d-color-blue--900);
  --mds-t-color--blue: var(--mds-d-color-blue--500);
  --mds-t-color--blue-muted: var(--mds-d-color-blue--50);

  /* Green */
  --mds-t-color--green-intense: var(--mds-d-color-green--900);
  --mds-t-color--green: var(--mds-d-color-green--500);
  --mds-t-color--green-muted: var(--mds-d-color-green--50);

  /* Orange */
  --mds-t-color--orange-intense: var(--mds-d-color-orange--900);
  --mds-t-color--orange: var(--mds-d-color-orange--500);
  --mds-t-color--orange-muted: var(--mds-d-color-orange--50);

  /* Pink */
  --mds-t-color--pink-intense: var(--mds-d-color-pink--900);
  --mds-t-color--pink: var(--mds-d-color-pink--500);
  --mds-t-color--pink-muted: var(--mds-d-color-pink--50);

  /* Purple */
  --mds-t-color--purple-intense: var(--mds-d-color-purple--900);
  --mds-t-color--purple: var(--mds-d-color-purple--500);
  --mds-t-color--purple-muted: var(--mds-d-color-purple--50);

  /* Red */
  --mds-t-color--red-intense: var(--mds-d-color-red--900);
  --mds-t-color--red: var(--mds-d-color-red--500);
  --mds-t-color--red-muted: var(--mds-d-color-red--50);

  /* Yellow */
  --mds-t-color--yellow-intense: var(--mds-d-color-yellow--900);
  --mds-t-color--yellow: var(--mds-d-color-yellow--500);
  --mds-t-color--yellow-muted: var(--mds-d-color-yellow--50);

  /* Elevation */
  --mds-t-elevation--1: var(--mds-t-elevation-size--1)
    var(--mds-t-elevation-opacity--1);
  --mds-t-elevation--2: var(--mds-t-elevation-size--2)
    var(--mds-t-elevation-opacity--2);
  --mds-t-elevation--3: var(--mds-t-elevation-size--3)
    var(--mds-t-elevation-opacity--3);
  --mds-t-elevation--4: var(--mds-t-elevation-size--4)
    var(--mds-t-elevation-opacity--4);

  /* Elevation Opacity */
  --mds-t-elevation-opacity--1: rgb(0 0 0 / 5%);
  --mds-t-elevation-opacity--2: rgb(0 0 0 / 7.5%);
  --mds-t-elevation-opacity--3: rgb(0 0 0 / 10%);
  --mds-t-elevation-opacity--4: rgb(0 0 0 / 12%);

  /* Elevation Size */
  --mds-t-elevation-size--1: 0 1px 0.25rem;
  --mds-t-elevation-size--2: 0 2px 0.375rem;
  --mds-t-elevation-size--3: 0 2px 0.5rem;
  --mds-t-elevation-size--4: 0 3px 1rem;

  /* Text */
  --mds-t-text-color--primary: var(--mds-d-font-color--primary);
  --mds-t-text-color--secondary: var(--mds-d-font-color--secondary);
  --mds-t-text-color--tertiary: var(--mds-d-font-color--tertiary);
  --mds-t-text-color--inverse-primary: var(--mds-d-font-color--inverse-primary);
  --mds-t-text-color--inverse-secondary: var(
    --mds-d-font-color--inverse-secondary
  );
  --mds-t-text-color--inverse-tertiary: var(
    --mds-d-font-color--inverse-tertiary
  );
  --mds-t-text-color--accent: var(--mds-d-font-color--accent);
  --mds-t-text-color--danger: var(--mds-d-font-color--danger);

  /* Link */
  --mds-t-link-color--primary: var(--mds-d-font-color--primary);
  --mds-t-link-color--hover: var(--mds-d-font-color--secondary);
  --mds-t-link-color--active: var(--mds-d-font-color--secondary);
}