/*
 * theme.css - ชุดสีกลางของระบบ e-Meeting (หน้าบ้าน + หลังบ้าน) อิงโทน กองการพัสดุ มรภ.เชียงใหม่
 * ใช้หลัง bootstrap.css เพื่อเปลี่ยนสี primary ของ Bootstrap ให้เป็นโทนแดงเข้ม-ชมพู (crimson)
 * ปรับสีทั้งระบบได้ที่ตัวแปรชุดแรกนี้ที่เดียว
 */
:root {
    --brand:         #c2004f;   /* แถบเมนู / ปุ่มหลัก */
    --brand-dark:    #9a003e;   /* hover / ส่วนเข้ม */
    --brand-darker:  #6e002d;   /* พื้นหลังเข้มสุด (sidebar) */
    --brand-accent:  #ff0066;   /* เส้นเน้น / ไฮไลต์ */
    --brand-light:   #ff6b9d;
    --brand-soft:    #fff0f5;   /* พื้นอ่อน */
    --brand-border:  #f7c6d9;
    --brand-rgb:     194, 0, 79;

    --bs-primary: var(--brand);
    --bs-primary-rgb: var(--brand-rgb);
    --bs-link-color: var(--brand);
    --bs-link-color-rgb: var(--brand-rgb);
    --bs-link-hover-color: var(--brand-dark);
    --bs-link-hover-color-rgb: 154, 0, 62;
    --bs-primary-bg-subtle: var(--brand-soft);
    --bs-primary-border-subtle: var(--brand-border);
    --bs-primary-text-emphasis: var(--brand-darker);
    --bs-focus-ring-color: rgba(var(--brand-rgb), .25);
}

.text-primary { color: var(--brand) !important; }
.bg-primary { background-color: var(--brand) !important; }
.border-primary { border-color: var(--brand) !important; }
.bg-primary-subtle { background-color: var(--brand-soft) !important; }
.text-primary-emphasis { color: var(--brand-darker) !important; }
.link-primary { color: var(--brand) !important; }

.btn-primary {
    --bs-btn-bg: var(--brand);
    --bs-btn-border-color: var(--brand);
    --bs-btn-hover-bg: var(--brand-dark);
    --bs-btn-hover-border-color: var(--brand-dark);
    --bs-btn-active-bg: var(--brand-darker);
    --bs-btn-active-border-color: var(--brand-darker);
    --bs-btn-disabled-bg: var(--brand);
    --bs-btn-disabled-border-color: var(--brand);
    --bs-btn-focus-shadow-rgb: var(--brand-rgb);
}
.btn-outline-primary {
    --bs-btn-color: var(--brand);
    --bs-btn-border-color: var(--brand);
    --bs-btn-hover-bg: var(--brand);
    --bs-btn-hover-border-color: var(--brand);
    --bs-btn-active-bg: var(--brand-dark);
    --bs-btn-active-border-color: var(--brand-dark);
    --bs-btn-disabled-color: var(--brand);
    --bs-btn-disabled-border-color: var(--brand);
    --bs-btn-focus-shadow-rgb: var(--brand-rgb);
}

.form-control:focus, .form-select:focus {
    border-color: var(--brand-light);
    box-shadow: 0 0 0 .25rem rgba(var(--brand-rgb), .18);
}
.form-check-input:checked { background-color: var(--brand); border-color: var(--brand); }
.form-check-input:focus { border-color: var(--brand-light); box-shadow: 0 0 0 .25rem rgba(var(--brand-rgb), .18); }
.page-link { color: var(--brand); }
.page-link:hover { color: var(--brand-dark); }
.page-item.active .page-link { background-color: var(--brand); border-color: var(--brand); color: #fff; }
.nav-pills .nav-link.active, .list-group-item.active, .dropdown-item.active {
    background-color: var(--brand); border-color: var(--brand);
}
.progress-bar { background-color: var(--brand); }
.badge.bg-primary { background-color: var(--brand) !important; }