@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=Space+Grotesk:wght@300..700&display=swap');

:root {
    /* colors */
    --background-color: #030303;
    --graph-background-color: #151617;
    --primary-color: #F5F8C2;
    --primary-font-color: #030303;
    --secondary-color: #272728;
    --secondary-font-color: #F8F8F8;

    /* fonts */
    --font-family: 'Space Grotesk', Arial, sans-serif;
    --mono-font-family: 'Geist', monospace;

    /* layout */
    --content-width: 1200px;
    --spacing: 0.85rem;

    /* indexes */
    --base-z-index: 0;
    --fab-z-index: 2;
    --header-z-index: 1;
    --sidebar-z-index: 3;
}

body {
    background-color: var(--background-color);
    color: var(--secondary-font-color);
    font-family: var(--font-family);
    margin: 0;
}

body, #main {
    min-height: 100vh;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Space Grotesk', sans-serif;
}