:root {
    --overlay-color: #ffffff80; /* Define the CSS variable */
    --standard-bkg: #0b477c;
    --standard-text: #ffffff;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Performance optimizations */
html {
    scroll-behavior: smooth; /* Smooth scrolling */
    -webkit-font-smoothing: antialiased; /* Better font rendering */
    -moz-osx-font-smoothing: grayscale;
}

/* Optimize for mobile performance */
@media (max-width: 768px) {
    * {
        /* Reduce animations on mobile for better performance */
        animation-duration: 0.2s !important;
        transition-duration: 0.2s !important;
    }
}

body, html {
    height: 100%;
    /* font-family: Arial, Helvetica, sans-serif; */
    /* font-family: ui-sans-serif,-apple-system,system-ui,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol; */
    font-family: "Libre Franklin", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    overflow-x: hidden; /* Prevent horizontal scrolling */
    background-color: var(--standard-bkg);
}