/* src/assets/styles/fonts.css */

@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/Gilroy/Gilroy-Light.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy Regular';
  src: url('./fonts/Gilroy/Gilroy-Regular.ttf') format('truetype');
  font-weight: 500;
  /* Regular */
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy Medium';
  src: url('./fonts/Gilroy/Gilroy-Medium.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy Bold';
  src: url('./fonts/Gilroy/Gilroy-Bold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy Extra Bold';
  src: url('./fonts/Gilroy/Gilroy-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy Heavy';
  src: url('./fonts/Gilroy/Gilroy-Heavy.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

body {
  font-family: "Gilroy Regular", sans-serif;
  color: #111;
}

.f-gr {
  font-family: "Gilroy Regular", sans-serif;
}

.f-gm {
  font-family: "Gilroy Medium", sans-serif;
}

.f-gb {
  font-family: "Gilroy Bold", sans-serif !important;
}

.f-gxb {
  font-family: "Gilroy Extra Bold", sans-serif !important;
}

.f-gh {
  font-family: "Gilroy Heavy", sans-serif !important;
}

/* =========================
   COLORS
========================= */
:root {
  --primary: #4E44D8;
  --orange: #ff7a00;
  --gray: #6b7280;
}


.bg-orange {
  background: var(--orange);
}

.text-orange {
  color: var(--orange);
}

.text-primary {
  color: var(--primary) !important;
}

.btn {
  outline: none;
  box-shadow: none;
  font-weight: 800;
  border: none;
}

.btn-primary {
  background-color: var(--primary);
}