/* Force Work Sans across the entire site, overriding any framework defaults */
:root, html, body {
    font-family: "Work Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important;
    font-optical-sizing: auto;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Default header offset so sticky sidebars don't hide under the sticky header.
       Will be overwritten dynamically after the header is loaded. */
    --header-offset: 80px;
}

/* Ensure every element (and pseudo-element) inherits the font */
*, *::before, *::after {
    font-family: inherit !important;
}

/* Ensure anchor jumps do not land under the sticky header */
[id] { 
    scroll-margin-top: var(--header-offset);
}

.jetBlackMica {
    /* Add subtle sparkle using a noise/metallic texture */
    background-image: radial-gradient(circle at 75% 25%, #1b1b1b, #000), /* depth gradient */ url('https://www.transparenttextures.com/patterns/sparkle.png'); /* metallic noise */

    background-blend-mode: overlay;
    background-size: cover;
    background-repeat: repeat;
}

.jetBlueMica {
    /* Add subtle sparkle using a noise/metallic texture */
    background-image: radial-gradient(circle at 75% 25%, #152e3d, #070f14), /* depth gradient */ url('https://www.transparenttextures.com/patterns/sparkle.png'); /* metallic noise */

    background-blend-mode: overlay;
    background-size: cover;
    background-repeat: repeat;
}

.jetRedMica {
    /* Add subtle sparkle using a noise/metallic texture */
    background-image: radial-gradient(circle at 75% 25%, #402929, #1c1212), /* depth gradient */ url('https://www.transparenttextures.com/patterns/sparkle.png'); /* metallic noise */

    background-blend-mode: overlay;
    background-size: cover;
    background-repeat: repeat;
}

.jetPurpleMica {
    /* Add subtle sparkle using a noise/metallic texture */
    background-image: radial-gradient(circle at 75% 25%, #3e2940, #1b121c), /* depth gradient */ url('https://www.transparenttextures.com/patterns/sparkle.png'); /* metallic noise */

    background-blend-mode: overlay;
    background-size: cover;
    background-repeat: repeat;
}