:root {
    --azure_a100: #0077ff;
    --azure_300: #397dcc;
    --azure_a400: #2a6fbd;
    --azure_a500: #2363aa;
    --black: #000000;
    --black_alpha4: rgba(0, 0, 0, 0.04);
    --black_alpha8: rgba(0, 0, 0, 0.08);
    --black_alpha12: rgba(0, 0, 0, 0.12);
    --black_alpha16: rgba(0, 0, 0, 0.16);
    --black_alpha24: rgba(0, 0, 0, 0.24);
    --black_alpha36: rgba(0, 0, 0, 0.36);
    --black_alpha40: rgba(0, 0, 0, 0.40);
    --black_alpha48: rgba(0, 0, 0, 0.48);
    --black_alpha56: rgba(0, 0, 0, 0.56);
    --black_alpha72: rgba(0, 0, 0, 0.72);
    --black_alpha88: rgba(0, 0, 0, 0.88);
    --black_blue10: #000c1a;
    --black_blue24: #001c3d;
    --black_blue24_alpha8: rgba(0, 28, 61, 0.08);
    --black_blue24_alpha24: rgba(0, 28, 61, 0.24);
    --black_blue30_alpha66: rgba(0, 36, 77, 0.66);
    --black_blue45_alpha10: rgba(0, 57, 115, 0.10);
    --blue_400: #5181b8;
    --blue_a400: #447bba;
    --blue_400_alpha20: rgba(81, 129, 184, 0.20);
    --blue_400_alpha48: rgba(81, 129, 184, 0.49);
    --blue_420: #4a76a8;
    --blue_550: #346297;
    --blue_600: #2a5885;
    --blue_640: #224b7a;
    --blue_800: #1d3a5c;
    --blue_980_alpha12: rgba(0, 20, 51, 0.12);
    --blue_bright: #5c9ce6;
    --brown_gold: #9e8f72;
    --brown_light: #c2b79f;
    --gold_200: #f4e7c3;
    --gold_250: #e3d3ac;
    --gold_300: #d1c097;
    --gold_400: #ab9871;
    --gold_500: #857250;
    --gray_20: #f9f9f9;
    --gray_40: #f5f5f5;
    --gray_70: #555555;
    --gray_100: #e1e3e6;
    --gray_100_alpha60: rgba(225, 227, 230, 0.60);
    --gray_200: #cccccc;
    --gray_300: #b2b2b2;
    --gray_400: #939393;
    --gray_500: #828282;
    --gray_600: #656565;
    --gray_700: #555555;
    --gray_700_alpha60: rgba(85, 85, 85, 0.60);
    --gray_750: #424242;
    --gray_800: #333333;
    --gray_800_alpha72: rgba(51, 51, 51, 0.72);
    --gray_800_alpha88: rgba(51, 51, 51, 0.88);
    --gray_850: #292929;
    --gray_900: #222222;
    --gray_900_alpha16: rgba(34, 34, 34, 0.16);
    --gray_900_alpha72: rgba(34, 34, 34, 0.72);
    --gray_900_alpha88: rgba(34, 34, 34, 0.88);
    --gray_940: #141414;
    --gray_960: #0a0a0a;
    --green_alpha16: rgba(75, 179, 75, 0.16);
    --green_350: #4bb34b;
    --green_400: #43a843;
    --green_600: #1b7a1b;
    --green_light: #def0d3;
    --green_nice: #3dcc4b;
    --light_blue_40: #e5ebf1;
    --light_blue_40_alpha72: rgba(229, 235, 241, 0.72);
    --light_blue_80: #dfe6ed;
    --light_blue_100: #dae2ea;
    --light_blue_300: #9eb4c8;
    --light_blue_400: #7996b2;
    --light_blue_500: #577ca1;
    --light_blue_700: #45688e;
    --light_blue_A300: #8fadc8;
    --neon_pink: #f45fff;
    --orange: #ffa000;
    --orange_tint: #f9b54f;
    --orange_light: #ffc062;
    --orange_fire: #f05c44;
    --orange_prominent: #ff724c;
    --raspberry_pink: #e03fab;
    --raspberry_pink_light: #f060c0;
    --purple: #735ce6;
    --purple_light: #937ff5;
    --pink: #e6457a;
    --pink_light: #faebeb;
    --red: #e64646;
    --red_alpha16: rgba(230, 70, 70, 0.16);
    --red_alpha12: rgba(230, 70, 70, 0.12);
    --red_dark: #db3b3b;
    --red_light: #ff5c5c;
    --red_nice: #ff3347;
    --sky_60: #cce9ff;
    --sky_80: #b2deff;
    --sky_100: #99d3ff;
    --sky_200: #70c1ff;
    --sky_300: #71aaeb;
    --steel_gray_10: #fafbfc;
    --steel_gray_20: #f7f8fa;
    --steel_gray_40: #f0f2f5;
    --steel_gray_50: #eeeff1;
    --steel_gray_60: #edeef0;
    --steel_gray_80: #e7e8ec;
    --steel_gray_100: #dce1e6;
    --steel_gray_120: #d3d9de;
    --steel_gray_140: #c5d0db;
    --steel_gray_200: #aeb7c2;
    --steel_gray_200_alpha12: rgba(174, 183, 194, 0.12);
    --steel_gray_200_alpha16: rgba(174, 183, 194, 0.16);
    --steel_gray_300: #99a2ad;
    --steel_gray_400: #818c99;
    --steel_gray_500: #6f7985;
    --steel_gray_540: #626d7a;
    --steel_gray_600: #4e5966;
    --steel_gray_A540: #55677d;
    --steel_gray_A540_alpha64: rgba(85, 103, 125, 0.64);
    --transparent_black: rgba(0, 0, 0, 0.00);
    --transparent_white: rgba(255, 255, 255, 0.00);
    --turquoise: #63b9ba;
    --violet: #792ec0;
    --violet_dark: #1f1b2c;
    --violet_light: #a393f5;
    --violet_muted: #4b4d61;
    --white: #ffffff;
    --white_alpha72: rgba(255, 255, 255, 0.72);
    --white_alpha64: rgba(255, 255, 255, 0.64);
    --white_alpha48: rgba(255, 255, 255, 0.48);
    --white_alpha40: rgba(255, 255, 255, 0.40);
    --white_alpha24: rgba(255, 255, 255, 0.24);
    --white_alpha16: rgba(255, 255, 255, 0.16);
    --white_alpha12: rgba(255, 255, 255, 0.12);
    --white_alpha8: rgba(255, 255, 255, 0.08);
    --white_alpha4: rgba(255, 255, 255, 0.04);
    --white_blue20: #cce4ff;
    --white_blue32: #add3ff;
    --yellow: #ffc107;
    --yellow_light: #faefd2;
    --yellow_alpha16: rgba(255, 202, 99, 0.16);
    --yellow_overlight: #fff2d6;
    --lavender_100: #e6e9ff;
    --lavender_200: #ccd3ff;
    --lavender_300: #adb8ff;
    --lavender_700: #5965b3;
    --lavender_800: #404980;
    --lavender_900: #262b4d
}

/* Default/light theme */
:root {
    --accent: var(--blue_a400);
    --accent_alternate: var(--azure_a100);
    --background_content: var(--white);
    --background_hover: var(--steel_gray_200_alpha12);
    --background_highlighted: var(--steel_gray_200_alpha16);
    --background_light: var(--steel_gray_10);
    --background_page: var(--steel_gray_60);
    --button_primary_background: var(--blue_a400);
    --button_primary_foreground: var(--white);
    --button_secondary_background: var(--light_blue_40);
    --button_secondary_foreground: var(--blue_550);
    --content_negative_background: var(--pink_light);
    --content_positive_background: var(--green_light);
    --content_tint_background: var(--steel_gray_40);
    --field_background: var(--steel_gray_20);
    --field_border: var(--steel_gray_100);
    --field_text_placeholder: var(--steel_gray_400);
    --header_tint_alternate: var(--blue_a400);
    --icon_secondary: var(--steel_gray_300);
    --icon_tertiary: var(--steel_gray_200);
    --image_border: var(--black_alpha8);
    --input_background: var(--white);
    --input_border: var(--steel_gray_120);
    --modal_card_background: var(--white);
    --modal_card_border: var(--transparent_black);
    --search_bar_field_background: var(--steel_gray_60);
    --selection_off_icon: var(--steel_gray_140);
    --separator_alpha: var(--black_alpha12);
    --separator_alternate: var(--steel_gray_80);
    --separator_common: var(--steel_gray_100);
    --tabbar_active_icon: var(--blue_400);
    --text_link: var(--blue_600);
    --text_primary: var(--black);
    --text_secondary: var(--steel_gray_400);
    --text_subhead: var(--steel_gray_540);
    --text_tertiary: var(--steel_gray_300);
    --top_navbar_border: var(--steel_gray_200_alpha12);
    --dynamic_blue: var(--blue_400);
    --dynamic_gray: var(--steel_gray_200);
    --dynamic_red: var(--red_nice);
    --dynamic_green: var(--green_600);
    --dynamic_orange: var(--orange);
    --dynamic_purple: var(--purple);
    --dynamic_violet: var(--violet);
    --dynamic_raspberry_pink: var(--raspberry_pink)
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
    :root {
        --accent: var(--sky_300);
        --accent_alternate: var(--white);
        --background_content: var(--gray_900);
        --background_hover: var(--white_alpha8);
        --background_highlighted: var(--white_alpha8);
        --background_light: var(--gray_850);
        --background_page: var(--gray_940);
        --background_suggestions: var(--gray_800);
        --button_primary_background: var(--gray_100);
        --button_primary_foreground: var(--gray_900);
        --button_secondary_background: var(--gray_750);
        --button_secondary_foreground: var(--gray_100);
        --content_negative_background: var(--red_alpha16);
        --content_positive_background: var(--green_alpha16);
        --content_tint_background: var(--gray_800);
        --field_background: var(--gray_850);
        --field_border: var(--gray_750);
        --field_text_placeholder: var(--gray_500);
        --header_tint_alternate: var(--white);
        --icon_secondary: var(--gray_500);
        --icon_tertiary: var(--gray_600);
        --image_border: var(--white_alpha8);
        --input_background: var(--gray_750);
        --input_border: var(--gray_700);
        --modal_card_background: var(--gray_850);
        --modal_card_border: var(--white_alpha12);
        --search_bar_field_background: var(--gray_750);
        --selection_off_icon: var(--gray_600);
        --separator_alpha: var(--white_alpha16);
        --separator_alternate: var(--gray_800);
        --separator_common: var(--gray_800);
        --tabbar_active_icon: var(--white);
        --text_link: var(--sky_300);
        --text_primary: var(--gray_100);
        --text_secondary: var(--gray_500);
        --text_subhead: var(--gray_400);
        --text_tertiary: var(--gray_600);
        --top_navbar_border: var(--white_alpha8);
        --dynamic_blue: var(--blue_400);
        --dynamic_gray: var(--steel_gray_200);
        --dynamic_red: var(--red_nice);
        --dynamic_green: var(--green_350);
        --dynamic_orange: var(--orange);
        --dynamic_purple: var(--purple_light);
        --dynamic_violet: var(--violet_light);
        --dynamic_raspberry_pink: var(--raspberry_pink_light);
        --dynamic_neon_pink: var(--neon_pink)
    }
}