/* Design Press, theme bridge.
   Site colors and background come from /css/Theme.css, this file only adds
   readable font weights and the shared app tokens on top of it. */

@font-face {
    font-family: 'JBM';
    font-style: normal;
    font-weight: 400;
    src: url(/assets/Fonts/JetBrainsMono/fonts/ttf/JetBrainsMono-Regular.ttf) format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'JBM';
    font-style: normal;
    font-weight: 500;
    src: url(/assets/Fonts/JetBrainsMono/fonts/ttf/JetBrainsMono-Medium.ttf) format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'JBM';
    font-style: normal;
    font-weight: 700;
    src: url(/assets/Fonts/JetBrainsMono/fonts/ttf/JetBrainsMono-Bold.ttf) format('truetype');
    font-display: swap;
}

/* Variable weight Orbitron, the site's Theme.css only maps weight 400 */
@font-face {
    font-family: 'OrbitalVar';
    font-style: normal;
    font-weight: 400 900;
    src: url(/assets/Fonts/Orbitron/Orbitron-VariableFont_wght.ttf) format('truetype');
    font-display: swap;
}

:root {
    --fp-ui: 'JBM', 'JetBrainsMono', ui-monospace, monospace;
    --fp-display: 'OrbitalVar', 'Orbital', sans-serif;

    --fp-radius: 8px;
    --fp-edge: color-mix(in srgb, var(--textColor) 10%, transparent);
    --fp-edge-strong: color-mix(in srgb, var(--textColor) 28%, transparent);
    --fp-muted: color-mix(in srgb, var(--textColor) 55%, transparent);
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    font-family: var(--fp-ui);
    font-weight: 400;
    font-size: 14px;
    min-height: 100vh;
    margin: 0;
}