@charset "UTF-8";
@font-face {
  font-family: SVN-Poppins;
  src: url("./fonts/SVN-Poppins-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: SVN-Poppins;
  src: url("./fonts/SVN-Poppins-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: SVN-Poppins;
  src: url("./fonts/SVN-Poppins-SemiBold.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: DFVN-Mahony-Browns;
  src: url("./fonts/DFVN-Mahony-Browns.otf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.font-poppins { font-family: 'SVN-Poppins', sans-serif; }
.font-mahony { font-family: 'DFVN-Mahony-Browns', sans-serif; }

.bg-primary { background-color: var(--primary); }
.bg-secondary { background-color: var(--secondary); }
.bg-thirdary { background-color: var(--thirdary); }

.text-primary { color: var(--primary); }
.text-secondary { color: var(--secondary); }
.text-thirdary { color: var(--thirdary); }