@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("/assets/fonts/manrope-normal-cyrillic.woff2") format("woff2");
  unicode-range: U+0400-052F, U+2DE0-2DFF, U+A640-A69F;
}

@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("/assets/fonts/manrope-normal-latin.woff2") format("woff2");
}

@font-face {
  font-family: Lora;
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/assets/fonts/lora-normal-cyrillic.woff2") format("woff2");
  unicode-range: U+0400-052F, U+2DE0-2DFF, U+A640-A69F;
}

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

:root {
  --color-text: #202439;
  --color-primary: #7b3048;
  --color-primary-hover: #612139;
  --color-coral: #e76554;
  --color-teal: #267d80;
  --color-paper: #f7f3eb;
  --color-surface: #fffdf8;
  --color-muted: #62616b;
  --color-border: #dcd5ca;
  --color-danger: #a02b37;
  --font-body: manrope, sans-serif;
  --font-heading: lora, georgia, serif;
  --bs-body-font-family: var(--font-body);
  --bs-body-color: var(--color-text);
  --bs-body-bg: var(--color-paper);
  --bs-border-color: var(--color-border);
}