@layer theme, layout;

@font-face {
    font-family: "BerkeleyMono";
    src: url("/assets/BerkeleyMonoVariable-Regular") format("woff2");
}

@font-face {
    font-family: "BerkeleyMonoItalic";
    src: url("/assets/BerkeleyMonoVariable-Italic") format("woff2");
}

@layer theme {
    :root {
        --header-font: BerkeleyMono;
        --body-font: BerkeleyMono;
        --main-accent-color: #ff0095;
        --main-background-color: #001626;
        --main-text-color: #ffffff;

        --default-grid-repeat: 3;
        --default-grid-gap: 3vmax;
        --fluid-min: 35ch;
    }
}

@layout layout {
}

body {
    color: var(--main-text-color);
    background: var(--main-background-color);
    font: BerkeleyMono;
}