/* =========================================
   Theme Colors:
   - Navy (กรมท่า): #1B2A47
   - Gray Light (เทาอ่อน): #F4F6F9
   - Gray Dark (เทาเข้ม): #6C757D
   - White (ขาว): #FFFFFF
========================================= */

body {
    background-color: #F4F6F9; /* พื้นหลังเว็บสีเทาอ่อน สบายตา */
    color: #333333;
    font-family: 'Sarabun', sans-serif; /* แนะนำให้ใช้ฟอนต์ Sarabun หรือ Prompt */
}

/* แถบเมนูด้านบน (Header) */
.navbar-custom {
    background-color: #1B2A47 !important; /* สีกรมท่า */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.navbar-custom .navbar-brand, 
.navbar-custom .nav-link {
    color: #FFFFFF !important;
}
.navbar-custom .nav-link:hover {
    color: #A9B7D1 !important;
}

/* พื้นที่เนื้อหาหลักและ Sidebar */
.content-card, .sidebar-card {
    background-color: #FFFFFF;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #E9ECEF;
}

/* หัวข้อและ Tag */
.section-title {
    color: #1B2A47;
    font-weight: bold;
    border-bottom: 2px solid #E9ECEF;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

/* ป้าย Tag เกมอื่นๆ */
.game-badge {
    font-size: 0.75rem;
    padding: 3px 8px;
    border-radius: 4px;
    color: #FFFFFF;
    margin-right: 5px;
}

.btn-navy-light {
    background-color: #A9B7D1;
    color: #1B2A47;
    border: none;
}
.btn-navy-light:hover {
    background-color: #1B2A47;
    color: #FFFFFF;
}

/* ส่วนของ Footer */
.footer-custom {
    background-color: #6C757D; /* สีเทาเข้ม */
    color: #FFFFFF;
    padding: 20px 0;
    margin-top: 40px;
}