@font-face {
  font-family: "Figtree";
  src: url("assets/fonts/figtree-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Figtree";
  src: url("assets/fonts/figtree-bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "Halant";
  src: url("assets/fonts/halant-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Halant";
  src: url("assets/fonts/halant-bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  --color-text: #000;
  --color-muted: #707070;
  --color-link: #eab9b9;
  --color-focus: #e29595;
  --color-border: #dedede;
  --color-surface: #f5f5f5;
  --color-payment: #fcf5f5;
  --color-payment-deep: #f8ebeb;
  --color-primary: #15ffc0;
  --color-primary-hover: #00e0a8;
  --color-primary-text: #00120a;
  --radius: 12px;
  --font-body: "Figtree", sans-serif;
  --font-heading: "Halant", serif;
}

*, *::before, *::after { box-sizing: border-box; }

html, body { margin: 0; min-height: 100%; }

body {
  color: var(--color-text);
  background: #fff;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35;
  -webkit-font-smoothing: antialiased;
}

button, input, select { color: inherit; font: inherit; }
button { cursor: pointer; }
a { color: inherit; }
img { display: block; max-width: 100%; }

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}