:root {
  --rentovna-green-900: #16251B;
  --rentovna-green-700: #2A4736;
  --rentovna-green-100: #DDE6DF;
  --rentovna-copper-600: #AA5A2C;
  --rentovna-copper-100: #F2E1D6;
  --rentovna-ivory-50: #F8F5EF;
  --rentovna-stone-200: #DDD7CE;
  --rentovna-charcoal-900: #292E2B;
  --rentovna-white: #FFFFFF;

  --rentovna-background: var(--rentovna-ivory-50);
  --rentovna-surface: var(--rentovna-white);
  --rentovna-surface-soft: var(--rentovna-green-100);
  --rentovna-text: var(--rentovna-green-900);
  --rentovna-text-document: var(--rentovna-charcoal-900);
  --rentovna-border: var(--rentovna-stone-200);
  --rentovna-accent: var(--rentovna-copper-600);

  --rentovna-font-display: "Lora", Georgia, serif;
  --rentovna-font-body: "Source Sans 3", Arial, sans-serif;
  --rentovna-font-document: "Source Sans 3", Arial, sans-serif;
}

@font-face {
  font-family: "Lora";
  src: url("fonts/Lora/Lora-Variable-Roman.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}

@font-face {
  font-family: "Lora";
  src: url("fonts/Lora/Lora-Variable-Italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
}

@font-face {
  font-family: "Source Sans 3";
  src: url("fonts/SourceSans3/SourceSans3-Variable-Roman.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}

@font-face {
  font-family: "Source Sans 3";
  src: url("fonts/SourceSans3/SourceSans3-Variable-Italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
}

.rentovna-heading {
  font-family: var(--rentovna-font-display);
  font-weight: 500;
}

.rentovna-body,
.rentovna-ui {
  font-family: var(--rentovna-font-body);
  font-weight: 400;
}

.rentovna-document {
  color: var(--rentovna-text-document);
  font-family: var(--rentovna-font-document);
}