/* ============================================================
   EduFlow — ธีมกลาง "Warm Lion" (ดึงสีจากโลโก้ KRT: สิงโตส้ม + เขียวสด)
   ------------------------------------------------------------
   ไฟล์นี้คือ "แหล่งสีเดียวของทั้งเว็บ" — โหลด *หลัง* <style> ของแต่ละหน้า
   จึง override token เดิมที่ทำซ้ำไว้ในทุกไฟล์ได้ทันที
   อยากเปลี่ยนสีทั้งเว็บ → แก้ที่นี่ที่เดียว
   ============================================================ */
:root{
  /* โครง/ตัวอักษร */
  --ink:#2B2620;            /* แถบเมนูเข้ม (น้ำตาลอบอุ่น) */
  --ink-light:#3D352B;
  --bg:#FAF6EF;             /* พื้นหลังครีมนวล */
  --card:#FFFFFF;
  --border:#ECE5D8;
  --line:#ECE5D8;           /* alias ของ --border (เผื่อโค้ดเก่าเรียก) */
  --text:#2B2620;
  --text-soft:#6E6A62;
  --text-faint:#8C8579;     /* เข้มขึ้นเล็กน้อยเพื่อความชัด (WCAG) */
  --radius:14px;

  /* สีหลัก = ส้มสิงโต */
  --accent:#E8743B;
  --accent-strong:#CF5E27;  /* ส้มกด/hover */
  --accent-light:#FDEEE3;   /* พื้นอ่อน/แท็ก */
  --accent-text:#B4561F;    /* ตัวหนังสือบนพื้นอ่อน */

  /* สีเสริม = เขียวใบไม้ (สำเร็จ/ยืนยัน) */
  --success:#5BA130;
  --success-light:#EAF6E1;

  /* แจ้งเตือน/อันตราย (โทนอุ่นเข้าธีม) */
  --danger:#C0492C;
  --danger-bg:#FBEBE6;
}

/* ---------- ปุ่ม: ปุ่มหลักเป็นสีส้มแบรนด์ + เด้งนุ่มเวลากด ---------- */
.btn{ border-radius:10px; transition:background .15s, box-shadow .15s, transform .05s, border-color .15s; }
.btn:active{ transform:translateY(1px); }
.btn-primary{
  background:var(--accent); border-color:var(--accent); color:#fff;
  box-shadow:0 2px 10px rgba(232,116,59,.30);
}
.btn-primary:hover{ background:var(--accent-strong); border-color:var(--accent-strong); }
.btn-primary:active{ box-shadow:0 1px 5px rgba(232,116,59,.30); }

/* ปุ่มเข้าสู่ระบบ (หน้า login) ใช้สีแบรนด์เดียวกัน */
.btn-login{ background:var(--accent); box-shadow:0 2px 10px rgba(232,116,59,.30); }
.btn-login:hover{ background:var(--accent-strong); }

/* ---------- โฟกัสอินพุต: วงแหวนส้มบาง ๆ ดูทันสมัย ---------- */
input:focus, select:focus, textarea:focus,
.combobox input[type="text"]:focus{
  border-color:var(--accent);
  box-shadow:0 0 0 3px rgba(232,116,59,.13);
}

/* ---------- กันโลโก้ placeholder วับตอนเปลี่ยนหน้า ----------
   ซ่อน brand ไว้ก่อน (ยังกินพื้นที่เท่าเดิม ไม่ขยับ layout) แล้วเฟดเข้าเมื่อ renderBrand วาดโลโก้จริงเสร็จ */
.sidebar .brand{ opacity:0; transition:opacity .12s ease; }
.sidebar .brand.brand-ready{ opacity:1; }

/* ---------- ปุ่มลบ/ไอคอนอันตราย: ทันสมัย + hover แดงนุ่ม (ใช้ร่วมทุกหน้า) ---------- */
.icon-btn.danger{ transition:all .12s; }
.icon-btn.danger:hover{ background:#FCEBEB; color:#A32D2D; border-color:#F0997B; }
.btn-delete{ border-radius:10px; transition:background .15s, box-shadow .15s, transform .05s, border-color .15s; }
.btn-delete:active{ transform:translateY(1px); }

/* ---------- หัวข้อกลุ่มในเมนู (จัดเมนูยาว ๆ ให้อ่านง่าย) ---------- */
.nav-section{
  font-size:10.5px; font-weight:600; letter-spacing:.06em; text-transform:uppercase;
  color:rgba(255,255,255,.32); padding:14px 12px 5px; user-select:none;
}
.nav-section:first-child{ padding-top:4px; }

/* ---------- โฟกัสคีย์บอร์ดทั่วเว็บใช้สีแบรนด์ ---------- */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible,
textarea:focus-visible, [tabindex]:focus-visible, .nav-item:focus-visible,
.btn:focus-visible, .icon-btn:focus-visible, .home-card:focus-visible{
  outline:2px solid var(--accent); outline-offset:2px; border-radius:6px;
}