/* กำหนดตัวแปรสีหลักของระบบ */
:root {
    --primary-navy: #0F1D4E; /* สีกรมท่า */
    --accent-pink: #F08CB5;  /* สีชมพู */
    --bg-white: #FFFFFF;     /* สีขาว */
    --text-dark: #333333;
}

/* ตั้งค่าฟอนต์เริ่มต้นสำหรับระบบราชการ/โรงเรียน */
body {
    font-family: 'Sarabun', 'Kanit', sans-serif;
    color: var(--text-dark);
    background-color: #F4F6F9; /* สีพื้นหลังอ่อนๆ ของ AdminLTE */
}

/* ปรับแต่งแถบเมนูด้านบนและ Sidebar (สีกรมท่า) */
.main-header, .main-sidebar {
    background-color: var(--primary-navy) !important;
}
.main-header .nav-link, .main-sidebar .nav-link {
    color: var(--bg-white) !important;
}

/* ปรับแต่งปุ่มและจุดเน้น (สีชมพู) */
.btn-primary {
    background-color: var(--accent-pink) !important;
    border-color: var(--accent-pink) !important;
    color: var(--bg-white);
    transition: all 0.3s ease;
}
.btn-primary:hover {
    background-color: #D97A9F !important; /* สีชมพูเข้มขึ้นเล็กน้อยเมื่อ Hover */
    border-color: #D97A9F !important;
}

/* สีพื้นหลังของ Card และ DataTables */
.card {
    border-top: 3px solid var(--accent-pink);
    background-color: var(--bg-white);
}