@font-face {
  font-family: "Khula";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/uploads/fonts/khula/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: "Khula";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/uploads/fonts/khula/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: "Khula";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/uploads/fonts/khula/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: "Khula";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/uploads/fonts/khula/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: "Khula";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/uploads/fonts/khula/800-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: "Cong Sans";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/uploads/OhfnD3LSHdewFCFXfX8oH-vohuucong-sans.woff2") format("woff2");
}
:root {
  --btn-color: hsla(0, 0%, 99.22%, 1);
  --btn-bg: hsla(352.23, 57.68%, 47.25%, 1);
  --primary-text-color: hsla(352.23, 57.68%, 47.25%, 1);
  --page: hsla(60, 14.29%, 94.51%, 1);
  --surface: hsla(60, 11.11%, 89.41%, 1);
  --surface-strong: hsla(60, 8.43%, 83.73%, 1);
  --ink: hsla(120, 2.13%, 9.22%, 1);
  --muted: hsla(90, 2.17%, 36.08%, 1);
  --line: hsla(68.57, 6.09%, 77.45%, 1);
  --accent: hsla(9, 84.91%, 58.43%, 1);
  --accent-ink: hsla(11.54, 54.17%, 9.41%, 1);
  --inverse: hsla(120, 1.82%, 10.78%, 1);
  --inverse-ink: hsla(60, 14.29%, 93.14%, 1);
}