@charset "UTF-8";

@font-face {
  font-family: 'Nohemi';
  src: url('./assets/fonts/Nohemi-Regular.woff2') format('woff2'),
       url('./assets/fonts/Nohemi-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nohemi';
  src: url('./assets/fonts/Nohemi-Medium.woff2') format('woff2'),
       url('./assets/fonts/Nohemi-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nohemi';
  src: url('./assets/fonts/Nohemi-SemiBold.woff2') format('woff2'),
       url('./assets/fonts/Nohemi-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nohemi';
  src: url('./assets/fonts/Nohemi-Bold.woff2') format('woff2'),
       url('./assets/fonts/Nohemi-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --content-primary-color: #23232C;
  --foreground-text-color: #ffffff;
  --font-family-interface: 'Archivo';
  --font-family-brand: 'Nohemi';
  --background-color: #ffffff;
  --body-color: #000000;
  --off-white-surface: #faf4ed;
  --light-olive-surface: #E3ECDF;
  --text-primary-color: #23232C;
  --border-translucent-color: rgb(23 38 228 / 16%);
  --light-purple-surface: #e6e3f4;
  --surface-translucent-color: rgb(23 38 228 / 8%);
  --brand-primary-color: rgb(23 38 228);
}