html {
  --primary-text-color: #1A0535;
  --primary-text-color-dark-bg: #FFF;
  --primary-accent-color: #6F17E3;
  --primary-accent-color-transparent: #6f17e300;
  --primary-background-color: #FDCF73;
  --primary-background-color-accent: #fef6e2;
  --primary-background-color-transparent: #fdcf7300;
  --secondary-text-color: #615274;
  --secondary-accent-color: #74CC69;
  --paper-color: white;
  
  --large-radius: 1.75rem;
  --large-radius-inner: 1.65rem;
  --medium-radius: .7rem;
}

.container.wrap {
  border-radius: var(--large-radius);
}

body > footer {
  visibility: hidden;
}

.button {
  background: #6F17E3;
  border-radius: 30px;
} 

.button.button-outline {
  border-color: var(--primary-accent-color);
  color: var(--primary-accent-color);
}

.button.button-outline:hover {
  background-color: var(--primary-accent-color);
}

input[type="checkbox"] {
  accent-color: var(--primary-accent-color);
}

input[type="radio"] {
  accent-color: var(--primary-accent-color);
}

input:focus-visible {
  box-shadow: inset 0px 0px 0px 2px var(--primary-accent-color);
  outline: none;
}

a[href] {
  color: #6F17E3;
  text-decoration-color: #6F17E363;
}

a[href].button {
  color: white;
}

.header .logo img {
  max-width: 92px;
}