:root{
    --hornet-blue: #302efe;
    --hornet-red: #E3073F;
    --hornet-black:#050515;
    --hornet-gray:#989098;
    --hornet-white:#DDDDFF;

    font-family: Verdana, Geneva, sans-serif;
}

.light, body[color-theme="light"],div[color-theme="dark"]{
    --bg: var(--hornet-white);
    --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"], div[color-theme="dark"]{
    --bg:var(--hornet-black);
    --text:var(--hornet-gray);    
    --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:DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
}

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

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