/* BASE VARIABLES */
:root {
    --bg-color: #123524; /* phthalo green */

    --text-font-size: 1em;
    --text-color: beige;

    --h1-font-size: 2em;
    --h2-font-size: 1.5em;
    --h3-font-size: 1.25em;
    --heading-color: #252321; /* black chestnut oak */

    --subtext-color: lightgray;

    --link-color: khaki;

    --selection-fg: beige;
    --selection-bg: rgb(0 80 80 / 75%);

    --nav-bar-font-size: 1em;
    --nav-bar-text-color: white;
    --nav-bar-bg-color: navy;
    --nav-bar-link-color: yellow;
    --nav-bar-selection-fg: white;
    --nav-bar-selection-bg: maroon;
    --nav-bar-font-family: "JetBrains Mono", monospace;

    --main-padding: 16px;
    --nav-bar-padding: 12px 16px;

    --note-bg-color: #123524; /* phthalo green */
    --note-text-color: beige;
    --note-border-color: beige;
    --note-shadow-color: black;
    --note-padding: 1em;
}

/* FONT FACES */

@font-face {
    font-family: "JetBrains Mono";
    src: url("/assets/fonts/JetBrainsMono-Regular.woff2");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "JetBrains Mono";
    src: url("/assets/fonts/JetBrainsMono-Bold.woff2");
    font-style: normal;
    font-weight: bold;
    font-display: swap;
}

@font-face {
    font-family: "Libre Baskerville";
    src: url("/assets/fonts/LibreBaskerville-Regular.ttf");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "Libre Baskerville";
    src: url("/assets/fonts/LibreBaskerville-Bold.ttf");
    font-style: normal;
    font-weight: bold;
    font-display: swap;
}

@font-face {
    font-family: "Libre Baskerville";
    src: url("/assets/fonts/LibreBaskerville-Italic");
    font-style: italic;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "Libre Baskerville";
    src: url("/assets/fonts/LibreBaskerville-BoldItalic.ttf");
    font-style: italic;
    font-weight: bold;
    font-display: swap;
}