/* Custom styles to complement Bootstrap */
@font-face {
  font-family: "Awesome";
  font-style: normal;
  font-weight: 900;
  src: url("./assets/webfonts/fa-solid-900.woff2") format("woff2"),
    url("./assets/webfonts/fa-solid-900.ttf") format("truetype");
}

@font-face {
  font-family: "Ast";
  src: url("../fonts/Montserrat.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Jany";
  src: url("../fonts/Jany.otf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Handlee";
  src: url("../fonts/Handlee-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

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

@font-face {
  font-family: "Picky";
  src: url("../fonts/PickyNiceRegular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Orang";
  src: url("../fonts/Orange.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Ramen";
  src: url("../fonts/Ramen.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Island";
  src: url("../fonts/Island.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "GeosansLight";
  src: url("../fonts/GeosansLight.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Notevela";
  src: url("../fonts/Notevela.otf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "kiddySans";
  src: url("../fonts/kiddySans.otf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "SpaceKids";
  src: url("../fonts/SpaceKids.otf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Sahel-light-fd;
  src: url("../fonts/Sahel-Light-FD.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Sahel-light;
  src: url("../fonts/Sahel-Light.woff") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Sahel;
  src: url("../fonts/Sahel.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Iran;
  src: url("../fonts/IRAN.woff") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Gandom;
  src: url("../fonts/Gandom.woff2") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Roya;
  src: url("../fonts/XB-Roya.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Tanha;
  src: url("../fonts/Tanha.woff") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Nafis;
  src: url("../fonts/ANafis.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Ziba;
  src: url("../fonts/Far_Ziba.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Sade;
  src: url("../fonts/A-Sade.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Iranian;
  src: url("../fonts/IranianSansRegular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Samim;
  src: url("../fonts/IranianSansRegular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
:root {
  --primary: #e34f33;
  --primary-tsp: #e3503389;
  --accent: #ffc87e;
  --accent-tsp: #ffc77e8d;
  --extra-light: #fffdf2;
  --light: #f6f1da;
  --light-tsp: #fcfaf1a5;
  --neutral: #c7cfac;
  --neutral-tsp: #c7cfac72;
  --dark: #2b5b6c;
  --dark-tsp: #2b5b6c40;
  --test1: rgb(255, 213, 0);
  --test2: rgb(255, 0, 0);
  --text-primary: #000;
  --text-muted: #333;
  --border: #909090;
  --gray-0: #000;
  --gray-1: #2a2a2a;
  --gray-2: #4e4e4e;
  --gray-3: #858585;
  --gray-3: #c5c5c5;
  --gray-5: #fff;

  --font-text: "Tanha", sans-serif;
  --font-title: "Ziba", sans-serif;
  --font-subtitle: "sade", sans-serif;
  --font-label: "Nafis", sans-serif;
  --font-h1: "Roya", sans-serif;
  --font-h2: "Roya", sans-serif;
  --font-h3: "Roya", sans-serif;
  --font-h4: "Roya", sans-serif;

  --en-font-text: "Nunito", sans-serif;
  --en-font-title: "Jany", sans-serif;
  --en-font-subtitle: "Jany", sans-serif;
  --en-font-label: "Handlee", sans-serif;
  --en-font-h1: "Handlee", sans-serif;
  --en-font-h2: "Handlee", sans-serif;
  --en-font-h3: "Handlee", sans-serif;
  /* --en-font-h4: "GeosansLight", sans-serif; */
  /* --en-font-h4: "Notevela", sans-serif; */
  /* --en-font-h4: "kiddySans", sans-serif; */
  /* --en-font-h4: "SpaceKids", sans-serif; */
  /* --en-font-h4: "Ramen", sans-serif; */
  /* --en-font-h4: "Island", sans-serif; */
  /* --en-font-h4: "Orang", sans-serif; */
  --en-font-h4: "kiddySans", sans-serif;
  --en-font-btn: "Notevela", sans-serif;
}