:root{
    /*
    Todo: make the colors right
    */
    --hornet-blue: #302efe;

    --hornet-red: #E3073F;

    --hornet-black:#050515;
    font-family: Verdana, Geneva, sans-serif;
}

.light, body[color-theme="light"]{
    --bg: #DDDDFF;
    --text: var(--hornet-black);
    --link: var(--hornet-blue);
    --clicked-link: purple;
    --primary: var(--hornet-blue);
    --accent: var(--hornet-red);
    --warning: var(--hornet-red);
    --font-family: var(--hornet-font);
}

.dark, body[color-theme="dark"]{
    --bg:var(--hornet-black);
    --text:white;    
    --link: var(--hornet-blue);
    --clicked-link: purple;
    --primary:var(--hornet-blue);
    --accent: var(--hornet-red);
    --warning:var(--hornet-red);
    --font-family: var(--hornet-font);
}

.terminal, body[color-theme="terminal"], div[color-theme="terminal"]{
    --bg:black;
    --text: #00ff00;
    --link: var(--hornet-blue);
    --clicked-link: #4400ff;
    --primary: #00ff00;
    --accent: var(--hornet-blue);
    --warning: red;
    --font-family: var(--hornet-font);
}