body {
    background-color: #fefce8; /* Light yellow */
}

.unit-toggle {
    background-color: #d1fae5; /* Light emerald */
    color: #065f46; /* Dark emerald text */
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.unit-toggle.active {
    background-color: #059669; /* Emerald 600 */
    color: white;
}

#upload-container:hover {
    border-color: #34d399; /* Emerald 400 */
    background-color: #ecfdf5; /* Emerald 50 */
}

#preview-container {
    min-height: 300px;
}