/*
    This file is now required for the scroll-padding-top property.
*/

html {
    scroll-padding-top: 64px; /* Matches the height of the navigation bar (p-4 in Tailwind is 16px padding top/bottom, which results in 32px plus content. A height of 64px (pt-16) is a good starting point) */
}

/* Optional: For smooth scroll effect */
html {
    scroll-behavior: smooth;
}

/* General style definition for Material Symbols */
.material-symbols-outlined {
    font-variation-settings:
        "FILL" 0,
        "wght" 400,
        "GRAD" 0,
        "opsz" 24;
}