/* 1. Define 'Server Mono' Font Family */

/* Regular Style */
@font-face {
    font-family: "Server Mono";
    src:
        url("https://static.upd.dev/fonts/ServerMono-Regular.woff2")
            format("woff2"),
        url("https://static.upd.dev/fonts/ServerMono-Regular.woff")
            format("woff"),
        url("https://static.upd.dev/fonts/ServerMono-Regular.otf")
            format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Oblique (Italic) Style */
@font-face {
    font-family: "Server Mono";
    src:
        url("https://static.upd.dev/fonts/ServerMono-RegularOblique.woff2")
            format("woff2"),
        url("https://static.upd.dev/fonts/ServerMono-RegularOblique.woff")
            format("woff"),
        url("https://static.upd.dev/fonts/ServerMono-RegularOblique.otf")
            format("opentype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* 2. Global Variables */
:root {
    --font-interface: "Server Mono", monospace;

    /* Tailwind Variable Overrides */
    --font-sans: "Server Mono", monospace;
    --font-serif: "Server Mono", monospace;
    --font-mono: "Server Mono", monospace;
}

/* 3. Comprehensive Element Reset (The "Safe" List) */
html,
body,
blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre,
button,
input,
textarea,
select,
code,
.ui-element {
    font-family: var(--font-interface) !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 4. Tailwind Utility Class Overrides */
.font-sans,
.font-serif,
.font-mono,
.prose,
.prose strong,
.prose h1,
.prose h2,
.prose h3,
.prose h4,
.prose code,
.prose pre {
    font-family: var(--font-interface) !important;
}