/* Glance (Gray/Black) */

body {
    background-color: #AA5500; /* Brown background - DOS palette */
    color: #000000;
}

#menu-box {
    background-color: #AAAAAA;
}

/* Border colors for nested table structure */
.border-accent {
    border-color: #FFFFFF; /* White borders - DOS palette (6.32% of image) */
}

.menu-content {
    color: #000000; /* Black text */
    background-color: #AAAAAA; /* Light gray background */
}

.menu-title {
    color: #FFFFFF; /* White title text */
    background-color: #000000; /* Black header background - DOS palette (20.14% of image) */
}

.menu-item {
    color: #000000; /* Black menu text - DOS palette */
    background-color: #AAAAAA; /* Light gray background */
}

.menu-item:hover {
    background-color: #555555; /* Dark gray background on hover - DOS palette (8.07% of image) */
    color: #FFFFFF; /* White text on hover */
}

.menu-item.selected {
    background-color: #555555; /* Dark gray background when selected - DOS palette */
    color: #FFFFFF; /* White text when selected */
}

.menu-help {
    color: #000000; /* Black help text */
    background-color: #AAAAAA; /* Light gray footer background */
}