/* Mobile-first responsive adjustments */
@media (max-width: 639px) {
    body {
        font-size: 16px;
    }
    
    /* Ensure tap targets are at least 48px */
    button, a, [role="button"] {
        min-width: 48px;
        min-height: 48px;
    }
    
    /* Prevent horizontal scrolling */
    html, body {
        overflow-x: hidden;
        width: 100%;
    }
}

/* Custom yellow color variations */
.bg-yellow-100 {
    background-color: #FEF3C7;
}
.text-yellow-600 {
    color: #D97706;
}
.bg-yellow-500 {
    background-color: #F59E0B;
}