/*
 * theme.css — ธีมสีของระบบครุภัณฑ์ออนไลน์ KPTH
 * โทนสีน้ำเงินเข้ม (navy) ตามที่กำหนด แทนที่สีฟ้าสว่างเริ่มต้นของ Bootstrap
 * แก้ค่าตัวแปรด้านล่างจุดเดียวเพื่อปรับโทนสีทั้งระบบ
 */
:root {
  --kpth-primary: #0B3D68;
  --kpth-primary-dark: #082A4A;
  --kpth-primary-darker: #061E36;
  --kpth-primary-tint: #E7EEF4;
  --bs-primary: var(--kpth-primary);
  --bs-primary-rgb: 11, 61, 104;
}

a { color: var(--kpth-primary); }
a:hover { color: var(--kpth-primary-dark); }

.bg-primary { background-color: var(--kpth-primary) !important; }
.text-primary { color: var(--kpth-primary) !important; }
.border-primary { border-color: var(--kpth-primary) !important; }

.btn-primary {
  --bs-btn-bg: var(--kpth-primary);
  --bs-btn-border-color: var(--kpth-primary);
  --bs-btn-hover-bg: var(--kpth-primary-dark);
  --bs-btn-hover-border-color: var(--kpth-primary-dark);
  --bs-btn-active-bg: var(--kpth-primary-darker);
  --bs-btn-active-border-color: var(--kpth-primary-darker);
  --bs-btn-disabled-bg: var(--kpth-primary);
  --bs-btn-disabled-border-color: var(--kpth-primary);
}

.btn-outline-primary {
  --bs-btn-color: var(--kpth-primary);
  --bs-btn-border-color: var(--kpth-primary);
  --bs-btn-hover-bg: var(--kpth-primary);
  --bs-btn-hover-border-color: var(--kpth-primary);
  --bs-btn-active-bg: var(--kpth-primary-dark);
  --bs-btn-active-border-color: var(--kpth-primary-dark);
}

.navbar.bg-primary { background-color: var(--kpth-primary) !important; }
.badge.bg-primary { background-color: var(--kpth-primary) !important; }

.table-dark {
  --bs-table-bg: var(--kpth-primary);
  --bs-table-border-color: var(--kpth-primary-dark);
}

.page-link { color: var(--kpth-primary); }
.page-item.active .page-link { background-color: var(--kpth-primary); border-color: var(--kpth-primary); }

.form-select:focus, .form-control:focus {
  border-color: var(--kpth-primary);
  box-shadow: 0 0 0 .25rem rgba(11, 61, 104, .25);
}

.asset-code-badge { color: var(--kpth-primary) !important; background: var(--kpth-primary-tint) !important; }

.dropdown-item.active, .dropdown-item:active { background-color: var(--kpth-primary); }