/* ============================
   Geist – Variable Font
   ============================ */
@font-face {
    font-family: "Geist";
    src: url("Geist/webfonts/Geist[wght]-jdVEfEv.woff2") format("woff2");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Geist";
    src: url("Geist/webfonts/Geist-Italic[wght]-iSLpfa0.woff2") format("woff2");
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

/* ============================
   Geist Mono – Variable Font
   ============================ */
@font-face {
    font-family: "GeistMono";
    src: url("GeistMono/webfonts/GeistMono[wght]-hWg1er_.woff2") format("woff2-variations");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "GeistMono";
    src: url("GeistMono/webfonts/GeistMono-Italic[wght]-xWR06rm.woff2") format("woff2-variations");
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

/* ============================
   Trade Gothic
   ============================ */
@font-face {
    font-family: "TradeGothic";
    src: url("TradeGothic/webfonts/trade-gothic-no-20-condensed-bold-OBphW-N.woff") format("woff");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/* ============================
   Utility-Klassen
   ============================ */
.font-native {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.font-geist {
    font-family: "Geist", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.font-geist-mono {
    font-family: "GeistMono", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.font-gothic {
    font-family: "TradeGothic", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    text-transform: uppercase;
}

/* ============================
   Font Configuration
   ============================ */
h1 {
    text-wrap: balance;
    letter-spacing: -.025em;
    font-weight: 800;
    font-size: 2.25rem;
    line-height: 1.1;
}

h2 {
    letter-spacing: -.025em;
    font-weight: 600;
    font-size: 1.875rem;
    line-height: 1.2;
    padding-bottom: .5rem;
    border-bottom: 1px solid rgba(255,255,255,.1);
}

h3 {
    letter-spacing: -.025em;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.3;
}

h4 {
    letter-spacing: -.025em;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.4;
}

p {
    color: oklch(85% 0 0);
    font-size: 1rem;
    line-height: 1.75rem;
}

blockquote {
    font-style: italic;
    padding-left: 1.25rem;
    border-left: 3px solid rgba(255,255,255,.1);
    margin-top: 1.5rem;
    color: oklch(85% 0 0);
}

code {
    font-weight: 600;
    line-height: 1.425;
    font-family: "Geist Mono", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    padding-block: .25rem;
    padding-inline: .25rem;
    background: rgba(255,255,255,.1);
    border-radius: .25rem;
}

small {
    font-weight: 500;
    line-height: 1;
    font-size: .875rem;
    color: oklch(85% 0 0);
}