/* css/style.css */
:root {
    --farm-blue-dark: #1b365d;   /* สีน้ำเงินเข้ม (สำหรับ Navbar/Footer) */
    --farm-blue-light: #2980b9;  /* สีน้ำเงินสว่าง (สำหรับปุ่ม/ลิงก์หลัก) */
    --farm-accent: #f1c40f;      /* สีเหลืองทองสำหรับตัดโทนให้เด่น */
}

body {
    font-family: 'Sarabun', sans-serif;
    background-color: #f4f7f9;
}

/* ปรับแต่งชิ้นส่วนหลัก */
.navbar-custom {
    background-color: var(--farm-blue-dark) !important;
}
.navbar-custom .navbar-brand, .navbar-custom .nav-link {
    color: white !important;
}
.navbar-custom .nav-link:hover {
    color: var(--farm-accent) !important;
}

.hero-section {
    background: linear-gradient(rgba(27, 54, 93, 0.85), rgba(41, 128, 185, 0.85)), url('https://images.unsplash.com/photo-1464226184884-fa280b87c399?ixlib=rb-1.2.1&auto=format&fit=crop&w=1920&q=80') center/cover;
    color: white;
    padding: 100px 0;
    text-align: center;
}

/* เทคนิคขั้นสูง: เปลี่ยนคลาสสีเขียว (Success) ของ Bootstrap ให้เป็นสีน้ำเงินทั้งหมดอัตโนมัติ */
.text-success { color: var(--farm-blue-light) !important; }
.bg-success { background-color: var(--farm-blue-dark) !important; }
.border-success { border-color: var(--farm-blue-light) !important; }
.table-success { --bs-table-bg: #e6f2ff !important; color: var(--farm-blue-dark) !important; }

.btn-success {
    background-color: var(--farm-blue-light) !important;
    border-color: var(--farm-blue-light) !important;
    color: white !important;
}
.btn-success:hover {
    background-color: var(--farm-blue-dark) !important;
    border-color: var(--farm-blue-dark) !important;
}

.btn-outline-success {
    color: var(--farm-blue-light) !important;
    border-color: var(--farm-blue-light) !important;
}
.btn-outline-success:hover {
    background-color: var(--farm-blue-light) !important;
    color: white !important;
}

.list-group-item.active {
    background-color: var(--farm-blue-light) !important;
    border-color: var(--farm-blue-light) !important;
}