/*$$$$$            /$$                              
 /$$__  $$          | $$                              
| $$  \__/  /$$$$$$ | $$  /$$$$$$   /$$$$$$   /$$$$$$$
| $$       /$$__  $$| $$ /$$__  $$ /$$__  $$ /$$_____/
| $$      | $$  \ $$| $$| $$  \ $$| $$  \__/|  $$$$$$ 
| $$    $$| $$  | $$| $$| $$  | $$| $$       \____  $$
|  $$$$$$/|  $$$$$$/| $$|  $$$$$$/| $$       /$$$$$$$/
 \______/  \______/ |__/ \______/ |__/      |______*/ 

:root {
    color-scheme: dark;

    --page_background: #090d0a;
    --surface_background: #101712;
    --terminal_background: #050806;

    --primary_text: #d8dfd2;
    --secondary_text: #8da08f;
    --terminal_green: #72e06a;
    --terminal_green_bright: #9cff85;
    --terminal_green_dark: #315c35;

    --border_light: #657268;
    --border: #445047;
    --border_dark: #232b25;

    --title_bar_background: #17231a;
    --control_background: #263129;
    --control_hover: #354239;

    --focus_color: #9cff85;
    --warning_color: #d8bf72;
    --error_color: #d87872;

    --font_display: "Orbitron", "Share Tech Mono", "IBM Plex Mono", monospace;
    --font_interface: "IBM Plex Mono", monospace;
    --font_body: "IBM Plex Sans", sans-serif;

    --content_width: 1024px;
}

.muted,
.gray,
.grey {
    color: var(--secondary_text);
}