html {
    --outline: solid 1px pink;

    --theme_color: pink;
    --theme_alt_color: pink;
    --theme_transparent_color: pink;
    --theme_light_color: pink;
    --theme_light_2_color: pink;

    --theme_button_background_color: pink;
    --theme_button_background_hover_color: pink;
    --theme_button_background_active_color: pink;
    --theme_button_padding: 50px;
    --theme_button_margin: 50px;
    --theme_button_border_radius: 100%;

    --focus_bar_background_color: linear-gradient(90deg, pink 0%, blue 100%);

    --spotlight_background: radial-gradient(pink, pink);

    --input_font_color: pink;
    --input_background_color: pink;
    --input_border_color: pink;
    --input_border: 1px solid var(--input_border_color);
    --generic_background_color: pink;
    --linear_background_color: linear-gradient(0deg, pink 0%, blue 100%);
    --alternate_background_color: pink;
    --alternate_background_hover_color: pink;
    --high_contrast_background_color: pink;

    --page_scale: 1em;
    --generic_font_size: 1em;
    --micro_font_size: 0.6em;
    --tiny_font_size: 0.8em;
    --small_font_size: 0.9em;
    --title_font_size: 1.3em;
    --big_font_size: 1.5em;
    --huge_font_size: 2.5em;
    --menu_text_font_size: 1em;

    --high_contrast_color: pink;
    --low_contrast_color: pink;

    --generic_background_transparent: pink;
    --generic_background_hover_color: pink;
    --generic_background_active_color: pink;
    --generic_border_color: pink;
    --generic_border_hover_color: pink;
    --generic_border_active_color: pink;
    --generic_font_color: pink;
    --generic_font_hover_color: pink;
    --generic_font_active_color: pink;
    --generic_font_link_color: pink;
    --warning_font_color: pink;
    --link_font_color: pink;
    --tooltip_border_color: pink;

    --generic_separator_color: pink;
    --light_separator_color: pink;

    --menu_icon_size: 0.33em;
    --menu_icon_stroke: pink;
    --menu_icon_stroke_width: 0.75em;
    --menu_icon_fill: pink;
    --menu_icon_hover_stroke: pink;
    --menu_icon_hover_stroke_width: 0.66em;
    --menu_icon_hover_fill: pink;
    --menu_icon_inside_padding: 0.66em;
    --menu_icon_outside_padding: 0.33em;
    --menu_icon_background_hover_color: pink;

    --menu_option_color: pink;
    --menu_option_hover_color: pink;
    --menu_option_inside_padding: 0.66em;
    --menu_option_outside_padding: 0.66em;

    --scroll_background_color: pink;
    --scroll_thumb_background_color: pink;
    --scroll_thumb_border: none;
    --scroll_thumb_border-radius: 0;

    --input_set_color: pink;
    --input_set_alternate_color: pink;

    --list_item_background: blue;
}

html[data-theme="default"] {
    --theme_outline: solid 1px var(--high_contrast_color);

    --theme_color: rgb(25, 100, 175);
    --theme_alt_color: rgb(75, 75, 75);
    --theme_transparent_color: rgba(175, 100, 25, 0);
    --theme_light_color: rgb(45, 150, 225);
    --theme_light_2_color: rgb(35, 125, 200);

    --theme_button_background_color: var(--theme_color);
    --theme_button_background_hover_color: var(--theme_light_color);
    --theme_button_background_active_color: var(--theme_light_2_color);
    --theme_button_padding: 0;
    --theme_button_margin: 2px;
    --theme_button_border_radius: 0.25em;

    --focus_bar_background_color: linear-gradient(90deg, var(--theme_light_color) 0%, var(--theme_alt_color) 100%);

    --spotlight_background: radial-gradient(var(--theme_color), var(--theme_transparent_color), var(--theme_transparent_color));

    --input_font_color: var(--generic_font_color);
    --input_background_color: rgb(35,35,35);
    --input_border_color: rgb(150,150,150);
    --input_border: 1px solid var(--input_border_color);
    --generic_background_color: rgb(20,20,20);
    --linear_background_color: linear-gradient(0deg, rgb(77,0,0) 0%, rgb(59,24,24) 100%);
    --alternate_background_color: rgb(18,10,10);
    --alternate_background_hover_color: rgb(88,80,80);
    --high_contrast_background_color: rgb(110,110,110);

    --page_scale: 1em;
    --generic_font_size: var(--page_scale);
    --micro_font_size: calc(var(--page_scale) * 0.6);
    --tiny_font_size: calc(var(--page_scale) * 0.8);
    --small_font_size: calc(var(--page_scale) * 0.9);
    --title_font_size: calc(var(--page_scale) * 1.3);
    --big_font_size: calc(var(--page_scale) * 1.5);
    --huge_font_size: calc(var(--page_scale) * 2.5);
    --menu_text_font_size: calc(var(--page_scale) * 0.85);

    --high_contrast_color: rgb(250,250,250);
    --low_contrast_color: rgb(20,20,20);

    --generic_background_transparent: rgba(0,0,0,0.3);
    --generic_background_hover_color: var(--generic_background_color);
    --generic_background_active_color: rgba(255,255,255,0.2);
    --generic_border_color: rgba(255,255,255,0.2);
    --generic_border_hover_color: rgb(220,220,220);
    --generic_border_active_color: rgb(220,220,220);
    --generic_font_color: rgb(230,230,230);
    --generic_font_faded_color: rgb(185,185,185);
    --generic_font_hover_color: var(--generic_font_color);
    --generic_font_active_color: rgb(250,250,250);
    --generic_font_link_color: rgb(170,170,255);
    --warning_font_color: yellow;
    --link_font_color: rgb(0,177,255);
    --tooltip_border_color: rgba(30,30,30, 0.5);

    --generic_separator_color: rgb(70,70,70);
    --light_separator_color: rgb(90,90,90);

    --menu_icon_size: 1.55em;
    --menu_icon_stroke: var(--generic_font_color);
    --menu_icon_stroke_width: 0.25em;
    --menu_icon_fill: rgba(0,0,0,0);
    --menu_icon_hover_stroke: var(--generic_font_hover_color);
    --menu_icon_hover_stroke_width: 0.33em;
    --menu_icon_hover_fill: rgba(0,0,0,0);
    --menu_icon_inside_padding: 0.25em;
    --menu_icon_outside_padding: 0.25em;
    --menu_icon_background_hover_color: pink;

    --menu_option_color: rgb(0,0,0);
    --menu_option_hover_color: var(--generic_font_hover_color);
    --menu_option_inside_padding: 5px 10px;
    --menu_option_outside_padding: 0.125em;

    --scroll_background_color: rgba(10,10,10,1);
    --scroll_thumb_background_color: rgba(140,140,140,1);
    --scroll_thumb_border: none;
    --scroll_thumb_border-radius: 4px;

    --input_set_color: rgb(0,117,255);
    --input_set_alternate_color: var(--high_contrast_color);

    --list_item_background: rgb(21,29,54);
    --list_item_background_hover: rgb(41,50,128);
}