@import "tailwindcss";

@font-face{
  font-family: vazir;
  src: url('/font/Vazir-Bold.ttf');
}
:root {
  --background: #ffffff;
  --foreground: #171717;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
  }
}
*{
  font-family: 'vazir';
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: Arial, Helvetica, sans-serif;
}

.ripple { position: relative; overflow: hidden; }
.ripple:after {
  content:""; position:absolute; inset:0;
  background: radial-gradient(circle, rgba(255,255,255,.35) 12%, rgba(255,255,255,0) 12.01%);
  transform: scale(10); opacity: 0; transition: transform .6s, opacity .8s; pointer-events: none;
}
.ripple:active:after { transform: scale(0); opacity: .55; transition: 0s; }


/* no-scrollbar utility */
.no-scrollbar {
  -ms-overflow-style: none; /* IE/Edge */
  scrollbar-width: none;    /* Firefox */
}
.no-scrollbar::-webkit-scrollbar { display: none; }