@import "tailwindcss";

@font-face {
  font-family: 'Vazirmatn';
  src: url('/fonts/vazirmatn-v33.003/fonts/webfonts/Vazirmatn[wght].woff2') format('woff2-variations'),
       url('/fonts/vazirmatn-v33.003/fonts/webfonts/Vazirmatn-Regular.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Shabnam';
  src: url('/fonts/shabnam-font-v33.003/fonts/webfonts/Shabnam.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lalezar';
  src: url('/fonts/Lalezar-Font-fontyab.com_/Lalezar-Font/TTF/Lalezar-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@theme {
  --font-sans: "Vazirmatn";
  --font-vazir: "Vazirmatn";
  --font-shabnam: "Shabnam";
  --font-lalezar: "Lalezar", cursive;
  --color-canina-blue: #0052cc;
  --color-canina-gold: #f59e0b;
}

@layer base {
  :root {
    font-family: "Vazirmatn" !important;
  }

  body {
    background-color: var(--color-gray-50);
    color: var(--color-gray-900);
    margin: 0;
    font-family: "Vazirmatn" !important;
  }

  button, a {
    cursor: pointer;
  }
}

@layer utilities {
  .font-vazir {
    font-family: "Vazirmatn";
  }
}