/* 1. Define 'BerkeleyMonoUpd' Font Family */

/* Thin */
@font-face {
    font-family: "BerkeleyMonoUpd";
    src: url("https://static.upd.dev/fonts/BerkeleyMonoUpd/BerkeleyMonoUpd-Thin.woff2")
        format("woff2");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "BerkeleyMonoUpd";
    src:
        url("https://static.upd.dev/fonts/BerkeleyMonoUpd/BerkeleyMonoUpd-Thin-Oblique.woff2")
            format("woff2");
    font-weight: 100;
    font-style: oblique;
    font-display: swap;
}

/* ExtraLight */
@font-face {
    font-family: "BerkeleyMonoUpd";
    src:
        url("https://static.upd.dev/fonts/BerkeleyMonoUpd/BerkeleyMonoUpd-ExtraLight.woff2")
            format("woff2");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "BerkeleyMonoUpd";
    src:
        url("https://static.upd.dev/fonts/BerkeleyMonoUpd/BerkeleyMonoUpd-ExtraLight-Oblique.woff2")
            format("woff2");
    font-weight: 200;
    font-style: oblique;
    font-display: swap;
}

/* Light */
@font-face {
    font-family: "BerkeleyMonoUpd";
    src: url("https://static.upd.dev/fonts/BerkeleyMonoUpd/BerkeleyMonoUpd-Light.woff2")
        format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "BerkeleyMonoUpd";
    src:
        url("https://static.upd.dev/fonts/BerkeleyMonoUpd/BerkeleyMonoUpd-Light-Oblique.woff2")
            format("woff2");
    font-weight: 300;
    font-style: oblique;
    font-display: swap;
}

/* SemiLight */
@font-face {
    font-family: "BerkeleyMonoUpd";
    src:
        url("https://static.upd.dev/fonts/BerkeleyMonoUpd/BerkeleyMonoUpd-SemiLight.woff2")
            format("woff2");
    font-weight: 350;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "BerkeleyMonoUpd";
    src:
        url("https://static.upd.dev/fonts/BerkeleyMonoUpd/BerkeleyMonoUpd-SemiLight-Oblique.woff2")
            format("woff2");
    font-weight: 350;
    font-style: oblique;
    font-display: swap;
}

/* Book */
@font-face {
    font-family: "BerkeleyMonoUpd";
    src: url("https://static.upd.dev/fonts/BerkeleyMonoUpd/BerkeleyMonoUpd-Book.woff2")
        format("woff2");
    font-weight: 380;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "BerkeleyMonoUpd";
    src:
        url("https://static.upd.dev/fonts/BerkeleyMonoUpd/BerkeleyMonoUpd-Book-Oblique.woff2")
            format("woff2");
    font-weight: 380;
    font-style: oblique;
    font-display: swap;
}

/* Regular */
@font-face {
    font-family: "BerkeleyMonoUpd";
    src:
        url("https://static.upd.dev/fonts/BerkeleyMonoUpd/BerkeleyMonoUpd-Regular.woff2")
            format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "BerkeleyMonoUpd";
    src:
        url("https://static.upd.dev/fonts/BerkeleyMonoUpd/BerkeleyMonoUpd-Oblique.woff2")
            format("woff2");
    font-weight: 400;
    font-style: oblique;
    font-display: swap;
}

/* Retina */
@font-face {
    font-family: "BerkeleyMonoUpd";
    src:
        url("https://static.upd.dev/fonts/BerkeleyMonoUpd/BerkeleyMonoUpd-Retina.woff2")
            format("woff2");
    font-weight: 450;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "BerkeleyMonoUpd";
    src:
        url("https://static.upd.dev/fonts/BerkeleyMonoUpd/BerkeleyMonoUpd-Retina-Oblique.woff2")
            format("woff2");
    font-weight: 450;
    font-style: oblique;
    font-display: swap;
}

/* Medium */
@font-face {
    font-family: "BerkeleyMonoUpd";
    src: url("https://static.upd.dev/fonts/BerkeleyMonoUpd/BerkeleyMonoUpd-Medium.woff2")
        format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "BerkeleyMonoUpd";
    src:
        url("https://static.upd.dev/fonts/BerkeleyMonoUpd/BerkeleyMonoUpd-Medium-Oblique.woff2")
            format("woff2");
    font-weight: 500;
    font-style: oblique;
    font-display: swap;
}

/* SemiBold */
@font-face {
    font-family: "BerkeleyMonoUpd";
    src:
        url("https://static.upd.dev/fonts/BerkeleyMonoUpd/BerkeleyMonoUpd-SemiBold.woff2")
            format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "BerkeleyMonoUpd";
    src:
        url("https://static.upd.dev/fonts/BerkeleyMonoUpd/BerkeleyMonoUpd-SemiBold-Oblique.woff2")
            format("woff2");
    font-weight: 600;
    font-style: oblique;
    font-display: swap;
}

/* Bold */
@font-face {
    font-family: "BerkeleyMonoUpd";
    src: url("https://static.upd.dev/fonts/BerkeleyMonoUpd/BerkeleyMonoUpd-Bold.woff2")
        format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "BerkeleyMonoUpd";
    src:
        url("https://static.upd.dev/fonts/BerkeleyMonoUpd/BerkeleyMonoUpd-Bold-Oblique.woff2")
            format("woff2");
    font-weight: 700;
    font-style: oblique;
    font-display: swap;
}

/* ExtraBold */
@font-face {
    font-family: "BerkeleyMonoUpd";
    src:
        url("https://static.upd.dev/fonts/BerkeleyMonoUpd/BerkeleyMonoUpd-ExtraBold.woff2")
            format("woff2");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "BerkeleyMonoUpd";
    src:
        url("https://static.upd.dev/fonts/BerkeleyMonoUpd/BerkeleyMonoUpd-ExtraBold-Oblique.woff2")
            format("woff2");
    font-weight: 800;
    font-style: oblique;
    font-display: swap;
}

/* Black */
@font-face {
    font-family: "BerkeleyMonoUpd";
    src: url("https://static.upd.dev/fonts/BerkeleyMonoUpd/BerkeleyMonoUpd-Black.woff2")
        format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "BerkeleyMonoUpd";
    src:
        url("https://static.upd.dev/fonts/BerkeleyMonoUpd/BerkeleyMonoUpd-Black-Oblique.woff2")
            format("woff2");
    font-weight: 900;
    font-style: oblique;
    font-display: swap;
}

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

    /* Tailwind Variable Overrides */
    --font-sans: "BerkeleyMonoUpd", monospace;
    --font-serif: "BerkeleyMonoUpd", monospace;
    --font-mono: "BerkeleyMonoUpd", 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;
}