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

/* บังคับสารบัญขั้นเด็ดขาดในระดับ CSS สำหรับทั้งระบบ */
body {
    font-family: 'Sarabun', sans-serif !important;
    background-color: #f9fafb; /* สีเทาอ่อนมาก (เกือบขาว) เพื่อพักสายตา */
    color: #1f2937; /* สีเทาเข้ม (เกือบดำ) สำหรับอ่านข้อความ */
}

/* เอฟเฟกต์เรดาร์สแกนเนอร์ (เปลี่ยนเป็นสีแดง) */
.radar-scan {
    position: relative;
    overflow: hidden;
}
.radar-scan::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: conic-gradient(transparent 270deg, #dc2626 360deg); /* Tailwind red-600 */
    animation: radar 2s linear infinite;
    opacity: 0.3;
}
@keyframes radar { 
    from { transform: rotate(0deg); } 
    to { transform: rotate(360deg); } 
}