/* custom.css - Mobile-friendly responsive styles */

/* Mobile base font size - standard 16px for good readability */
@media screen and (max-width: 768px) {
    html {
        font-size: 16px;
    }

    /* Ensure touch targets are at least 44x44px */
    button, a, input, select, textarea {
        min-height: 44px;
    }

    /* Better spacing on mobile */
    body {
        padding: 0;
        margin: 0;
    }
}

/* Tablet adjustments */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    html {
        font-size: 16px;
    }
}

/* Desktop base size */
@media screen and (min-width: 1025px) {
    html {
        font-size: 16px;
    }
}