@font-face {
  font-family: 'Vazirmatn';
  src: url('Vazirmatn.woff2') format('woff2 supports variations'),
       url('Vazirmatn.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --bs-body-bg: rgb(245, 245, 245);
  --bs-body-font-family: Vazirmatn, sans-serif;
  --bs-primary: rgb(215, 7, 81);
  --bs-primary-hover: #a5053d;
  --bs-primary-rgb: 215,7,81;
}

.card {
  --bs-body-color: rgb(85, 85, 85);
  --bs-body-bg: rgb(255, 255, 255);
}

.btn-download {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-primary-hover);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-padding-x: 1rem;
  --bs-btn-padding-y: 0.5rem;
}

.dropdown-item {
  --bs-dropdown-link-active-bg: var(--bs-primary);
}

@media (prefers-color-scheme: dark) {
  :root {
    --bs-body-bg: rgb(30, 32, 33);
    --bs-primary: rgb(172, 6, 65);
    --bs-primary-rgb: 172,6,65;
  }
  .card {
    --bs-body-bg: rgb(24, 26, 27);
    --bs-body-color: rgb(178, 172, 162);
  }
}
