/* import outsync tokens while keeping maximum two css files linked in html */
@import url("https://assets.oo1.studio/outsync.css");

@font-face {
    font-family: "vga";
    src: url("../assets/fonts/perfect_dos_vga_437.ttf") format("truetype");
}

@font-face {
    font-family: "courier";
    src: url("../assets/fonts/courier_code.ttf") format("truetype");
}

/* light theme */
:root {
    --bg: #ffffff;
    --fg: #000000;
    --border: #000000;
    --card-bg: #ffffff;
    --shadow-solid: 4px 4px 0 var(--border);
    --font-main: "vga", monospace;
    --font-mono: "courier", monospace;
}

/* dark theme: full color inversion */
body.dark-theme {
    --bg: #000000;
    --fg: #ffffff;
    --border: #ffffff;
    --card-bg: #000000;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    width: 100vw;
    height: 100dvh;
    margin: 0;
    padding: 0;
    background-color: var(--bg);
    color: var(--fg);
    font-family: var(--font-main);
    overflow: hidden;
    user-select: none;
    -webkit-user-select: none;
    transition: background-color 200ms ease, color 200ms ease;
}

a {
    color: inherit;
    text-decoration: none;
}