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

.text-warning {
    color: #eebb08 !important;
    /* Richer Gold */
}

.bg-dark {
    background-color: #222222 !important;
}

/* Card Styling for Dark Mode */
.card {
    background-color: #444444;
    color: #ffffff;
    border: none;
}

.card-text.text-muted {
    color: #cccccc !important;
}

/* Buttons */
.btn-warning {
    background-color: #eebb08;
    border-color: #eebb08;
    color: #000;
}

.btn-outline-warning {
    color: #eebb08;
    border-color: #eebb08;
}

.btn-outline-warning:hover {
    background-color: #eebb08;
    color: #000;
}

/* Links */
a {
    color: #eebb08;
    text-decoration: none;
}

a:hover {
    color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.8);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active {
    color: #eebb08;
}