/* ✓ Use System Font Stack */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", 
                 Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", 
                 "Segoe UI Emoji", "Segoe UI Symbol";
}

/* ✓ Add Safe Areas Container */
.container {
    padding: env(safe-area-inset-top, 0px)
             env(safe-area-inset-right, 0px)
             env(safe-area-inset-bottom, 0px)
             env(safe-area-inset-left, 0px);
}

/* ✓ Tap Highlight color */
button {
    -webkit-tap-highlight-color: #ffffff;
}

link[rel="manifest"] {
        --pwacompat-splash-font: 24px Verdana;
}