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

@font-face {
  font-family: "Libre Franklin";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("/assets/fonts/shiprock/LibreFranklin-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Libre Franklin";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/shiprock/LibreFranklin-Regular.ttf") format("truetype");
}

:root {
  --colors-accentTwo: #CFE4FE;
  --colors-error: #EB5757;
  --colors-inputBorder: #CFE4FE50;
  --colors-primaryRegular: #334DAC;
  --colors-secondary: #FFFFFF;
  --colors-accentOne: #6996F2;
  --colors-background: #0A173F;
  --colors-success: #219653;
  --colors-accentThree: #F2F1DF;
  --colors-contrastText: #F2F1DF;
  --colors-iconColor: #519CFC;
  --colors-inputFill: #CFE4FE50;
  --colors-primaryDark: #0C1F5A;
  --font-size-button: 11px;
  --font-size-bodySml: 10px;
  --font-size-h1: 28px;
  --font-size-bodyLrg: 16px;
  --font-size-h2: 16px;
  --font-size-h3: 16px;
  --font-size-body: 12px;
  --font-size-h4: 16px;
  --font-size-h5: 12px;
  --letter-spacing-navigation: 4px;
  --border-radius-sm: 0;
  --border-radius-lg: 0;
  --border-radius-xl: 0;
  --border-radius-full: 9999px;
  --border-radius-md: 0;
  --border-radius-button: 8px;
  --border-radius-input: 8px;
  --border-radius-inputLrg: 12px;
  --border-radius-tiles: 0px;
  --font-family-serif: Heading;
  --font-family-body: Libre Franklin;
  --font-family-heading: Cardillac;
  --font-family-sans: Sans;
}