:root {
  --font-body: "Onest", sans-serif;
  --font-heading: "Playfair Display", Georgia, serif;
  --font-kudryashev-display: "Kudryashev Display", sans-serif;
}

@font-face {
  font-family: "Onest";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/uploads/fonts/onest/300-cyrillic-0.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Onest";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/uploads/fonts/onest/300-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Onest";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/fonts/onest/400-cyrillic-0.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Onest";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/fonts/onest/400-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Onest";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/uploads/fonts/onest/500-cyrillic-0.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Onest";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/uploads/fonts/onest/500-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/uploads/fonts/onest/600-cyrillic-0.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/uploads/fonts/onest/600-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/fonts/playfair-display/400-cyrillic-0.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/fonts/playfair-display/400-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/uploads/fonts/playfair-display/600-cyrillic-0.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/uploads/fonts/playfair-display/600-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/uploads/fonts/playfair-display/700-cyrillic-0.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/uploads/fonts/playfair-display/700-latin-0.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Kudryashev Display";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/l2GRMv_Lo95BtvI7cgpld-Kudryashev_Display_Contr_Sans.otf") format("opentype");
}

@font-face {
  font-family: "Kudryashev Display";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/KpvRZ2a6jZMIOUGXdu2zu-Kudryashev_Display_Contr.otf") format("opentype");
}

@font-face {
  font-family: "Kudryashev Display";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/DQTqFwWcOFELsTPt3QVKv-Kudryashev_Display_ExContr_Sans.otf") format("opentype");
}

@font-face {
  font-family: "Kudryashev Display";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/t57BfDQ1oGOGH1RtMQ4wy-Kudryashev_Display_ExContr.otf") format("opentype");
}
:root {
  --venetian-red: hsla(9.91, 65.27%, 32.75%, 1);
  --venetian-red-dark: hsla(10.8, 69.44%, 28.24%, 1);
  --pale-taupe: hsla(38.82, 23.29%, 85.69%, 1);
  --pale-taupe-dark: hsla(36.92, 11.71%, 78.24%, 1);
  --bg-primary: hsla(20, 11.11%, 5.29%, 1);
  --bg-secondary: hsla(12, 23.81%, 8.24%, 1);
  --bg-tertiary: hsla(13.85, 23.64%, 10.78%, 1);
  --border: hsla(16.36, 31.43%, 13.73%, 1);
  --text-primary: hsla(36, 25%, 92.16%, 1);
  --text-secondary: hsla(31.11, 15.43%, 65.69%, 1);
  --text-muted: hsla(27.5, 9.52%, 49.41%, 1);
  --text-quote: hsla(38.82, 23.29%, 85.69%, 0.75);
  --accent: hsla(9.91, 65.27%, 32.75%, 1);
  --accent-hover: hsla(10.8, 69.44%, 28.24%, 1);
  --accent-light: hsla(38.82, 23.29%, 85.69%, 1);
  --accent-10: hsla(9.91, 65.27%, 32.75%, 0.1);
  --accent-30: hsla(9.91, 65.27%, 32.75%, 0.3);
  --accent-60: hsla(9.91, 65.27%, 32.75%, 0.6);
  --taupe-10: hsla(38.82, 23.29%, 85.69%, 0.1);
  --taupe-30: hsla(38.82, 23.29%, 85.69%, 0.3);
  --overlay-bg: hsla(20, 11.11%, 5.29%, 0.93);
  --arrow-bg: hsla(20, 11.11%, 5.29%, 0.55);
  --arrow-bg-hover: hsla(20, 11.11%, 5.29%, 0.75);
  --dot-inactive: hsla(36, 25%, 92.16%, 0.4);
}