:root {
    --color1: #373E51;
    --color2: #00000011;
    --color3: #FFFFFFAA;
    --background: #ECF0F3;
    --background-color: #ECF0F3;
    --foreground-color: #373E51;
    --placeholder-color: #777777;
    --input-background: #FFFFFFAA;
    --input-foreground: inherit;
    --border-color: #373E51;
    --border-hover: #373E51;
    --footer-color: #373E51;
    --fixed-panel-background: #ECF0F3;
    --fixed-panel-foreground: #373E51;
    --selection-background: #373E51;
    --selection-foreground: #ECF0F3;
    --scrollbar-background: #ECF0F3;
    --scrollbar-color: #373E51;
    --scrollbar-hover: #373E51AA;
    --highlight-color: #373E51;
    --text-shadow: #000000AA;
    --btn-background-color: #373E51;
    --btn-foreground-color: #ECF0F3;
    --btn-border-color: #373E51;
    --btn-background-hover: #ECF0F3;
    --btn-foreground-hover: #373E51;
    --btn-border-hover: #373E51;
    --modal-bg: #000000EE;
    --box-bg: #000000AA;
    --green-text: #00FF77;
    --red-text: #FF7777;
    --light: #ECF0F3;
    --footer-foreground: #ECF0F3;
}