/* ==========================================================================
   🏢 PVT HR THEME — Light & Modern UI (Pure Bright Theme)
   ========================================================================== */

:root {
  /* 🔵 โทนสีหลัก (สว่าง สดใส สไตล์โมเดิร์น) */
  --primary: #3b82f6;       /* น้ำเงินสว่าง */
  --primary-dark: #2563eb;  /* น้ำเงินเข้ม (ตอนเอาเมาส์ชี้) */
  --primary-light: #eff6ff; /* น้ำเงินอ่อนมากๆ (พื้นหลังปุ่มรอง) */
  
  /* 🤍 สีพื้นหลังและกล่อง */
  --bg-main: #f4f7fb;       /* สีพื้นหลังภาพรวม (ฟ้าอมเทาอ่อนมาก) */
  --bg-card: #ffffff;       /* สีกล่องเนื้อหา */
  
  /* 📝 สีตัวหนังสือและเส้นขอบ */
  --text-dark: #1e293b;     /* สีตัวหนังสือหลัก (กรมท่าเข้ม) */
  --text-muted: #64748b;    /* สีตัวหนังสือรอง (เทา) */
  --border-light: #e2e8f0;  /* สีเส้นขอบ */

  /* 🎨 ชุดสี Accent (สำหรับไอคอนหรือสถานะต่างๆ) */
  --blue: #3b82f6;   --bg-blue: #eff6ff;
  --green: #10b981;  --bg-green: #ecfdf5;
  --orange: #f97316; --bg-orange: #fff7ed;
  --purple: #8b5cf6; --bg-purple: #f5f3ff;
  --red: #ef4444;    --bg-red: #fef2f2;
  
  /* ⏱️ อนิเมชั่น (Motion) */
  --pvt-ease: all 0.3s ease-in-out;
}

body {
  background-color: var(--bg-main);
  color: var(--text-dark);
}