@media (max-width: 768px) {
    body {
        /* Example: Adjust body padding or font size for smaller screens */
    }
    h1 { font-size: var(--font-size-3xl); }
    h2 { font-size: var(--font-size-2xl); }
    h3 { font-size: var(--font-size-xl); }

    .container {
        padding-left: var(--spacing-3);
        padding-right: var(--spacing-3);
    }
    /* Add more global responsive adjustments here */
}