#totalkredit-embedded-application {
  /* Color headings and interactive elements */
  --primary-color: #140A37;
  --primary-color--hover: #140A37;

  /* Color buttons and links */
  --secondary-color: #55C896;
  --secondary-color--hover: #55C896;

  /* House middle */
  --tertiary-color: #55C8965F;

  /* Loading spinner, house top */
  --quarternary-color: #55C896;

  /* Card border color */
  --card-border-color: #55C896;

  /* Button corner curvature */
  --button-border-radius: 0.3125rem;

  /* Input corner curvature */
  --input-border-radius: 0.3125rem;

  /* Card corner curvature */
  --card-border-radius: 0.3125rem;

  .button--primary {
    background-color: var(--secondary-color);
    color: #000; /* black text */

    .typography {
      color: #000; /* black text */
    }
  }

  .button--primary:hover {
    filter: brightness(0.9);
  }

  .button--text {
    background-color: transparent;
    color: #140A37; /* black text */

    .typography {
      color: #140A37; /* black text */
      text-decoration-line: underline;
      text-decoration-style: solid;
      text-decoration-color: #140A37;
    }
  }

  .button--text:hover {
    filter: brightness(0.9);
  }

  .house-graph__bottom-section {
    fill: var(--external-seashell-grey);
  }

  .new-loan-distribution__legend__row--third {
    background: var(--external-seashell-grey);
  }

  .supplementary-mortgage-distribution__legend__row--third {
    background: var(--external-seashell-grey);
  }
}