/* ===== FONT FACES ===== */
@font-face {
    font-family: 'Mono';
    src: url('JetBrainsMono-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-variant-ligatures: common-ligatures contextual;
}

@font-face {
    font-family: 'Mono';
    src: url('JetBrainsMono-LightItalic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
    font-variant-ligatures: common-ligatures contextual;
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    height: 100%;
    margin: 0;
    font-size: 16px;
}

:root {
    --text-md: 0.8rem;
    --text-sm: 0.75rem;
    --text-xs: 0.65rem;
    --line-md: 1.5rem;
    --line-sm: 100%;

    --bg: #FBFAF8;
    --dark: #3A3335;
    --light: #8C7D81;
    --lightest: #EFEBEA;
    --red: #ED4A4A;

    --font: 'Mono', sans-serif;

    --migros: #FF6600;
    --deepnote: #3893EF;
    --pendect: #000;
    --nextjournal: #30AFD0;
    --things: #FF6464;
    --boulder: #12442E;
    --rbi: #FEE600;
    --found:#FE885A;
}

[data-theme="dark"] {
    --bg: #231F20;
    --dark: #FBFAF8;
    --light: #B5ABAD;
    --lightest: #3A3335;
    --red: #C94546;
}