:root {
  --primary-color: #594430;
  --on-primary-color: #FFFFFC;
  --primary-color-container: #F2E2D4;
}

.primary { 
  color: var(--primary-color);
}

body {
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.text--body-medium {
  font-size: 1rem;
  font-family: 'Ledger';
}


.text--body-large {
  font-size: 1.2rem;
  font-family: 'Ledger';
}

.text--title-small {
  font-size: 2rem;
  font-family: 'Ledger';
}

.button {
  border-style: solid;
  border-radius: 2rem;
  padding: 0.5rem 1rem;
  font-family: 'Lexend';
  font-size: 0.9rem;
}

.primary-button--filled {
  border-color: var(--primary-color);
  color: var(--on-primary-color);
  background-color: var(--primary-color);
}