@tailwind base;
@tailwind components;
@tailwind utilities;

/* 🎯 الخط */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700;800&display=swap');

body {
  @apply font-tajawal bg-base text-secondary leading-relaxed;
}

/* ✨ شريط العاجل */
@keyframes marquee {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}
.animate-marquee {
  animation: marquee 25s linear infinite;
}

/* 🧾 العناوين */
h1, h2, h3 {
  @apply font-extrabold text-secondary;
}

/* 🗞️ صناديق المقالات */
.card {
  @apply bg-white dark:bg-slate-800 rounded-2xl shadow-md overflow-hidden transition hover:shadow-lg;
}

/* 🩵 روابط */
a {
  @apply text-primary hover:text-accent transition;
}