/* favicon.css
   مسیرها را در صورت نیاز نسبت به محل فایل CSS اصلاح کنید. */

:root{
  --favicon-16: url("./favicon-16x16.png");
  --favicon-32: url("./favicon-32x32.png");
  --favicon-48: url("./favicon-48x48.png");
  --favicon-180: url("./favicon-180x180.png"); /* Apple touch */
  --favicon-192: url("./favicon-192x192.png"); /* Android/manifest */
  --favicon-512: url("./favicon-512x512.png");
}

/* اگر می‌خواهید در UI از لوگو به‌عنوان آیکن استفاده کنید */
.favicon{
  width: 32px;
  height: 32px;
  display: inline-block;
  background-image: var(--favicon-32);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* نسخه کوچک‌تر */
.favicon--sm{
  width: 16px;
  height: 16px;
  background-image: var(--favicon-16);
}

/* نسخه بزرگ‌تر */
.favicon--lg{
  width: 48px;
  height: 48px;
  background-image: var(--favicon-48);
}