:root {
    --green: #00703c;
    --hacker-green: #00ff00;
    --dark-green: #005a30;
    --yellow: #ffdd00;
    --white: #ffffff;
    --light-grey: #e5e5e5;
    --grey: #efefef;
    --dark-grey: #ccc;
    --dark: #222;
    --dark-2: #333;
    --orange: #ff6c00;
    --red: #c1002b;
    --dark-red: #b1002b;
    --blue: blue;
    --black: #000;

    --font-size: 16px;
    --padding: 8px;
    --border-radius: 8px;

    --color-background: var(--dark);
    --color-background-hover: var(--dark-2);
    --color-background-selected: var(--black);
    --color-text: var(--white);
    --color-link: var(--orange);
    --color-accent: var(--orange);
    --color-outline: var(--black);
    --color-field-outline: var(--white);
}

:root.light {
    --color-background: var(--white);
    --color-text: var(--dark);
    --color-link: var(--blue);
    --color-accent: var(--orange);
    --color-outline: var(--light-grey);
    --color-field-outline: var(--black);
}