body {
    transition: background-color 0.3s, color 0.3s;
}
.dark-mode {
    background-color: #000080; /* Navy */
    color: #FFFFFF; /* White */
}
.dark-mode .card {
    background-color: #1c2526; /* Darker navy */
}
.text-saffron { color: #FF9933; }
.bg-saffron { background-color: #FF9933; }
.bg-saffron-dark { background-color: #e68a2e; }
.text-green { color: #138808; }
.bg-green { background-color: #138808; }
.bg-green-dark { background-color: #0f6b06; }
.text-navy { color: #000080; }
.bg-navy { background-color: #000080; }
.bg-navy-dark { background-color: #000066; }
.focus\:ring-green:focus { --tw-ring-color: #138808; }