@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
:root{
  --brand-primary: #0d6efd;
  --brand-secondary: #6610f2;
  --brand-font: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

/* ── การจำกัดขอบเขตให้เฉพาะหน้าเก่า ──────────────────────────────────────
   ต้องห่อเงื่อนไขด้วย :where() เสมอ ห้ามเขียน body:not(.u-body) ตรงๆ

   เหตุผล: :where() มีค่า specificity เป็นศูนย์ กฎจึงยังมีน้ำหนักเท่าเดิมทุกประการ
   ถ้าเขียน `body:not(.u-body) a` จะได้ (0,1,2) แทนที่จะเป็น (0,0,1) ของเดิม
   ซึ่งสูงพอจะไปชนะ `.dashboard2-primary-action{color:#fff}` (0,1,0)
   ผลคือตัวหนังสือบนปุ่มกลายเป็นสีน้ำเงินบนพื้นน้ำเงิน = ปุ่มว่างเปล่า
   (เจอจริงตอนทดสอบ ไม่ใช่ทฤษฎี)

   หน้าใหม่ (body.u-body) ใช้ --u-font และสีจาก ui.css แทน จึงไม่ต้องเขียนทับ */

:where(body:not(.u-body)){ font-family: var(--brand-font); }

.navbar-brand img{ height:32px; display:block; }

:where(body:not(.u-body)) .btn-primary,
:where(body:not(.u-body)) .bg-primary{
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
}
:where(body:not(.u-body)) .text-primary{ color: var(--brand-primary) !important; }
:where(body:not(.u-body)) a{ color: var(--brand-primary); }
:where(body:not(.u-body)) .badge.bg-success{ background-color: #28a745 !important; }