/* Aether Style Variables */

:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-primary-light: #6c9dc6;
    --bs-primary: #0a8dac; /*#0d6efd;*/
    --bs-primary-dark: #325d81;
    --bs-secondary: #484b6e;
    --bs-success: #32846e;
    --bs-info: #46b4b4; /*#0dcaf0;*/
    --bs-warning: #6f7541;
    --bs-danger: #7b503b;
    --bs-lighter: #d0e0ed; /*#f8f9fa;*/
    --bs-light: #72a1c8; /*#f8f9fa;*/
    --bs-medium: #335f83; /*#212529;*/
    --bs-dark: #294d6a; /*#212529;*/
    --bs-darker: #1f3a4f; /*#212529;*/
    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}

:root {
    /*
     *
     *    Light navy blue
     *    #335f83 or #335f84, rgb(51, 96, 132), hsl(207, 44%, 36%), cmyk(61, 27, 0, 49)
     *
     *    hsl(210, 50%, 50%), rgb(64, 128, 191), #4080bf
     *
     *    purple: #8241bf
     *    green: #41BF7C
     *
     *    red: hsl(0, 50%, 50%), #BF4640 (close "split" complementary 30deg)
     *    orange: hsl(30, 50%, 50%), #BF8040 (linear by hue 30deg)
     *    yellow: hsl(60, 50%, 50%), #BFB940 (close "split" complementary 30deg)
     *    light green: hsl(90, 50%, 50%), #80BF40 (linear by hue 30deg)
     *    dark green: hsl(150, 50%, 50%), #40BF80 (linear by hue 30deg)
     *    teal: hsl(180, 50%, 50%), #40BF80 (linear by hue 30deg)
     *    blue: hsl(210, 50%, 50%), #4080BF
     *    purple: hsl(270, 50%, 50%), #8040BF (linear by hue 30deg)
     *    pink (dark): hsl(330, 50%, 50%), #BF4080 (linear by hue 30deg)
     *
     *    primary-hue: 210, #4080BF
     *    accent-hue: 264, #7340BF
     *
     *    #0080FF
     *
     */



    --saturation-least: 10%;
    --saturation-less: 20%;
    --saturation: 50%;
    --saturation-more: 80%;
    --saturation-most: 90%;

    --lum-lightest: calc(50% + 50%);
    --lum-lighter: calc(50% + 40%);
    --lum-light: calc(50% + 35%);
    --lum-mid: 50%;
    --lum: 50%;
    --lum-dark: calc(50% - 10%);
    --lum-darker: calc(50% - 20%);
    --lum-darkest: calc(50% - 30%);

    /*
     * https://coolors.co/bfbf40-80bf40-40bf40-40bf80-40bfbf-407fbf-4040bf-7f40bf-bf40bf-bf4080
     */
    --hue-red: 0; /* red bf4141 */
    --hue-orange: calc(0 + 30); /* brown bf8041 */
    --hue-yellow: calc(0 + 60); /* yellow-green bfbf40 */
    --hue-light_green: calc(0 + 90); /* green 80bf40 */
    --hue-green: calc(0 + 120); /* green 40bf40 */
    --hue-dark_green: calc(0 + 150); /* green-cyan 40bf80 */
    --hue-teal: calc(0 + 180); /* cyan 40bfbf */
    --hue-cyan: calc(0 + 180); /* cyan 40bfbf */
    --hue-blue: calc(0 + 210); /* cyan-blue 407fbf */
    --hue-indigo: calc(0 + 240); /* blue-magenta 4040bf */
    --hue-purple: calc(0 + 270); /* blue-magenta 7f40bf */
    --hue-pink: calc(0 + 300); /* magenta bf40bf */
    --hue-dark_pink: calc(0 + 330); /* magenta-pink bf4080 */

    --hue: 210;
    --hue-base: 210;
    --hue-complementary: calc(var(--hue) - 180);
    /*--hue-accent: 264;*/

    --hue-default: 210;
    --hue-primary: 210;
    --hue-secondary: 210;
    --hue-info: 180;
    --hue-success: 120;
    --hue-warning: 60;
    --hue-danger: 0;

    --color-l5: hsl(var(--hue), var(--saturation), calc( 50 + 50)%);
    --color-l4: hsl(var(--hue), var(--saturation), calc( 50 + 40)%);
    --color-l3: hsl(var(--hue), var(--saturation), calc( 50 + 30)%);
    --color-l2: hsl(var(--hue), var(--saturation), calc( 50 + 20)%);
    --color-l1: hsl(var(--hue), var(--saturation), calc( 50 + 10)%);
    --color-default: hsl(var(--hue), var(--saturation), calc( 50 + 0)%);
    --color-d1: hsl(var(--hue), var(--saturation), calc( 50 - 10)%);
    --color-d2: hsl(var(--hue), var(--saturation), calc( 50 - 20)%);
    --color-d3: hsl(var(--hue), var(--saturation), calc( 50 - 30)%);
    --color-d4: hsl(var(--hue), var(--saturation), calc( 50 - 40)%);
    --color-d5: hsl(var(--hue), var(--saturation), calc( 50 - 50)%);

    --default-fg-color-highlight: hsl(var(--hue-default), var(--saturation-most), var(--lum-darker));
    --default-fg-color: hsl(var(--hue-default), var(--saturation-most), var(--lum-darkest));

    --default-bg-color-highlight: hsl(var(--hue-default), var(--saturation-least), var(--lum-lighter));
    --default-bg-color: hsl(var(--hue-default), var(--saturation-least), var(--lum-lightest));

    --default-border-color-highlight: hsl(var(--hue-default), var(--saturation-less), var(--lum-darkest));
    --default-border-color: hsl(var(--hue-default), var(--saturation-less), var(--lum-darker));

    --default-color-lightest: hsl(var(--hue-blue), var(--saturation-least), var(--lum-lightest));
    --default-color-lighter: hsl(var(--hue-blue), var(--saturation-least), var(--lum-lighter));
    --default-color-light: hsl(var(--hue-blue), var(--saturation-least), var(--lum-light));
    --default-color-mid: hsl(var(--hue-blue), var(--saturation-least), var(--lum-mid));
    --default-color-dark: hsl(var(--hue-blue), var(--saturation-least), var(--lum-dark));
    --default-color-darker:  hsl(var(--hue-blue), var(--saturation-least), var(--lum-darker));
    --default-color-darkest:  hsl(var(--hue-blue), var(--saturation-least), var(--lum-darkest));

    --light-fg-color: #1a3042;
    --light-bg-color: #d0e0ed; /*#d0e0ed*/
    --light-border-color: #a1c1da; /*#a1c1da*/

    --medium-fg-color: #f1f6fa;
    --medium-bg-color: #335f83;
    --medium-border-color: #294d6a;

    --dark-fg-color: #f1f6fa;
    --dark-bg-color: #4682b3;
    --dark-border-color: #335f83;

    --primary-color-lightest: hsl(var(--hue-primary), var(--saturation), var(--lum-lightest));
    --primary-color-lighter: hsl(var(--hue-primary), var(--saturation), var(--lum-lighter));
    --primary-color-light: hsl(var(--hue-primary), var(--saturation), var(--lum-light));
    --primary-color-mid: hsl(var(--hue-primary), var(--saturation), var(--lum-mid));
    --primary-color-dark: hsl(var(--hue-primary), var(--saturation), var(--lum-dark));
    --primary-color-darker:  hsl(var(--hue-primary), var(--saturation), var(--lum-darker));
    --primary-color-darkest:  hsl(var(--hue-primary), var(--saturation), var(--lum-darkest));

    --secondary-color-lightest: hsl(var(--hue-secondary), var(--saturation-least), var(--lum-lightest));
    --secondary-color-lighter: hsl(var(--hue-secondary), var(--saturation-least), var(--lum-lighter));
    --secondary-color-light: hsl(var(--hue-secondary), var(--saturation-least), var(--lum-light));
    --secondary-color-mid: hsl(var(--hue-secondary), var(--saturation-least), var(--lum-mid));
    --secondary-color-dark: hsl(var(--hue-secondary), var(--saturation-least), var(--lum-dark));
    --secondary-color-darker:  hsl(var(--hue-secondary), var(--saturation-least), var(--lum-darker));
    --secondary-color-darkest:  hsl(var(--hue-secondary), var(--saturation-least), var(--lum-darkest));

    --info-color-lightest: hsl(var(--hue-info), var(--saturation-less), var(--lum-lightest));
    --info-color-lighter: hsl(var(--hue-info), var(--saturation-less), var(--lum-lighter));
    --info-color-light: hsl(var(--hue-info), var(--saturation-less), var(--lum-light));
    --info-color-mid: hsl(var(--hue-info), var(--saturation-less), var(--lum-mid));
    --info-color-dark: hsl(var(--hue-info), var(--saturation-less), var(--lum-dark));
    --info-color-darker:  hsl(var(--hue-info), var(--saturation-less), var(--lum-darker));
    --info-color-darkest:  hsl(var(--hue-info), var(--saturation-less), var(--lum-darkest));

    --success-color-lightest: hsl(var(--hue-success), var(--saturation-less), var(--lum-lightest));
    --success-color-lighter: hsl(var(--hue-success), var(--saturation-less), var(--lum-lighter));
    --success-color-light: hsl(var(--hue-success), var(--saturation-less), var(--lum-light));
    --success-color-mid: hsl(var(--hue-success), var(--saturation-less), var(--lum-mid));
    --success-color-dark: hsl(var(--hue-success), var(--saturation-less), var(--lum-dark));
    --success-color-darker:  hsl(var(--hue-success), var(--saturation-less), var(--lum-darker));
    --success-color-darkest:  hsl(var(--hue-success), var(--saturation-less), var(--lum-darkest));

    --warning-color-lightest: hsl(var(--hue-warning), var(--saturation-less), var(--lum-lightest));
    --warning-color-lighter: hsl(var(--hue-warning), var(--saturation-less), var(--lum-lighter));
    --warning-color-light: hsl(var(--hue-warning), var(--saturation-less), var(--lum-light));
    --warning-color-mid: hsl(var(--hue-warning), var(--saturation-less), var(--lum-mid));
    --warning-color-dark: hsl(var(--hue-warning), var(--saturation-less), var(--lum-dark));
    --warning-color-darker:  hsl(var(--hue-warning), var(--saturation-less), var(--lum-darker));
    --warning-color-darkest:  hsl(var(--hue-warning), var(--saturation-less), var(--lum-darkest));

    --danger-color-lightest: hsl(var(--hue-danger), var(--saturation-less), var(--lum-lightest));
    --danger-color-lighter: hsl(var(--hue-danger), var(--saturation-less), var(--lum-lighter));
    --danger-color-light: hsl(var(--hue-danger), var(--saturation-less), var(--lum-light));
    --danger-color-mid: hsl(var(--hue-danger), var(--saturation-less), var(--lum-mid));
    --danger-color-dark: hsl(var(--hue-danger), var(--saturation-less), var(--lum-dark));
    --danger-color-darker:  hsl(var(--hue-danger), var(--saturation-less), var(--lum-darker));
    --danger-color-darkest:  hsl(var(--hue-danger), var(--saturation-less), var(--lum-darkest));

    --link-fg-color: #f1f6fa;
    --link-bg-color: #5196CF;
    --link-border-color: #4682b3;

    --btn_trans_in_delay: 0s;
    --btn_trans_in_duration: .1s;
    --btn_trans_out_delay: .15s; /*.25s*/
    --btn_trans_out_duration: .15s;

    --default_fg_lightness: 5%; /* foreground */
    --default_bg_lightness: 80%; /* background */
    --default_bd_lightness: 70%; /* border */

    --outline_fg_lightness: calc(var(--default_fg_lightness) + 25%);
    --outline_bg_lightness: calc(var(--default_bg_lightness) + 15%);
    --outline_bd_lightness: calc(var(--default_bd_lightness) - 50%);

    --disabled_fg_lightness: calc(var(--default_fg_lightness) + 40%);
    --disabled_bg_lightness: calc(var(--default_bg_lightness) + 10%);
    --disabled_bd_lightness: calc(var(--default_bd_lightness) - 10%);

    --hover_fg_lightness: calc(var(--default_fg_lightness) - 5%);
    --hover_bg_lightness: calc(var(--default_bg_lightness) - 20%);
    --hover_bd_lightness: calc(var(--default_bd_lightness) - 30%);


    --site_menu_btn_color: hsla(0,0%,var(--default_fg_lightness),1);
    --site_menu_btn_bg_color: hsla(0,0%,var(--default_bg_lightness),1);
    --site_menu_btn_border_color: hsla(0,0%,var(--default_bd_lightness),1);

    --site_menu_btn_disabled_color: hsla(0,0%,var(--disabled_fg_lightness),1);
    --site_menu_btn_disabled_bg_color: hsla(0,0%,var(--disabled_bg_lightness),1);
    --site_menu_btn_disabled_border_color: hsla(0,0%,var(--disabled_bd_lightness),1);

    --site_menu_btn_hover_color: hsla(0,50%,var(--hover_fg_lightness),1);
    --site_menu_btn_hover_bg_color: hsla(0,0%,var(--hover_bg_lightness),1);
    --site_menu_btn_hover_border_color: hsla(0,0%,var(--hover_bd_lightness),1);

    --site_footer_color: hsla(0,0%,35%,1);
    --site_footer_bg_color: hsla(0,0%,100%,1);
    --site_footer_border_color: hsla(0,0%,80%,1);

    --site_footer_hover_color: hsla(0,0%,5%,1);
    --site_footer_hover_bg_color: hsla(0,0%,100%,1);
    --site_footer_hover_border_color: hsla(0,0%,70%,1);

    --system_footer_color: hsla(0,0%,35%,1);
    --system_footer_bg_color: hsla(0,0%,90%,1);
    --system_footer_border_color: hsla(0,0%,80%,1);

    --system_footer_hover_color: hsla(0,0%,5%,1);
    --system_footer_hover_bg_color: hsla(0,0%,80%,1);
    --system_footer_hover_border_color: hsla(0,0%,70%,1);

    --btn_font_weight_disabled: 300;
    --btn_font_weight_default: 400;
    --btn_font_weight_active: 500;
    --btn_font_weight_primary: 700;

    /* Default Buttons */
    --default_btn_color: hsla(var(--hue-default),var(--saturation-least),var(--default_fg_lightness),1);
    --default_btn_bg_color: hsla(var(--hue-default),var(--saturation-least),var(--default_bg_lightness),1);
    --default_btn_border_color: hsla(var(--hue-default),var(--saturation-least),var(--default_bd_lightness),1);

    --default_btn_outline_color: hsla(var(--hue-default),var(--saturation-most),var(--outline_fg_lightness),1);
    --default_btn_outline_bg_color: hsla(var(--hue-default),var(--saturation-less),var(--outline_bg_lightness),1);
    --default_btn_outline_border_color: hsla(var(--hue-default),var(--saturation-most),var(--outline_bd_lightness),1);

    --default_btn_disabled_color: hsla(var(--hue-default),var(--saturation-least),var(--disabled_fg_lightness),1);
    --default_btn_disabled_bg_color: hsla(var(--hue-default),var(--saturation-least),var(--disabled_bg_lightness),1);
    --default_btn_disabled_border_color: hsla(var(--hue-default),var(--saturation-least),var(--disabled_bd_lightness),1);

    --default_btn_hover_color: hsla(var(--hue-default),var(--saturation-least),var(--hover_fg_lightness),1);
    --default_btn_hover_bg_color: hsla(var(--hue-default),var(--saturation-least),var(--hover_bg_lightness),1);
    --default_btn_hover_border_color: hsla(var(--hue-default),var(--saturation-least),var(--hover_bd_lightness),1);

    /* Primary Buttons */
    --primary_btn_color: hsla(var(--hue-primary),var(--saturation-less),var(--default_fg_lightness),1);
    --primary_btn_bg_color: hsla(var(--hue-primary),var(--saturation-less),var(--default_bg_lightness),1);
    --primary_btn_border_color: hsla(var(--hue-primary),var(--saturation-less),var(--default_bd_lightness),1);

    --primary_btn_outline_color: hsla(var(--hue-primary),var(--saturation-most),var(--outline_fg_lightness),1);
    --primary_btn_outline_bg_color: hsla(var(--hue-primary),var(--saturation-less),var(--outline_bg_lightness),1);
    --primary_btn_outline_border_color: hsla(var(--hue-primary),var(--saturation-most),var(--outline_bd_lightness),1);

    --primary_btn_disabled_color: hsla(var(--hue-primary),var(--saturation-less),var(--disabled_fg_lightness),1);
    --primary_btn_disabled_bg_color: hsla(var(--hue-primary),var(--saturation-less),var(--disabled_bg_lightness),1);
    --primary_btn_disabled_border_color: hsla(var(--hue-primary),var(--saturation-less),var(--disabled_bd_lightness),1);

    --primary_btn_hover_color: hsla(var(--hue-primary),var(--saturation-less),var(--hover_fg_lightness),1);
    --primary_btn_hover_bg_color: hsla(var(--hue-primary),var(--saturation-less),var(--hover_bg_lightness),1);
    --primary_btn_hover_border_color: hsla(var(--hue-primary),var(--saturation-less),var(--hover_bd_lightness),1);

    /* Secondary Buttons */
    --secondary_btn_color: hsla(var(--hue-secondary),var(--saturation-less),var(--default_fg_lightness),1);
    --secondary_btn_bg_color: hsla(var(--hue-secondary),var(--saturation-less),var(--default_bg_lightness),1);
    --secondary_btn_border_color: hsla(var(--hue-secondary),var(--saturation-less),var(--default_bd_lightness),1);

    --secondary_btn_outline_color: hsla(var(--hue-secondary),var(--saturation-most),var(--outline_fg_lightness),1);
    --secondary_btn_outline_bg_color: hsla(var(--hue-secondary),var(--saturation-less),var(--outline_bg_lightness),1);
    --secondary_btn_outline_border_color: hsla(var(--hue-secondary),var(--saturation-most),var(--outline_bd_lightness),1);

    --secondary_btn_disabled_color: hsla(var(--hue-secondary),var(--saturation-less),var(--disabled_fg_lightness),1);
    --secondary_btn_disabled_bg_color: hsla(var(--hue-secondary),var(--saturation-less),var(--disabled_bg_lightness),1);
    --secondary_btn_disabled_border_color: hsla(var(--hue-secondary),var(--saturation-less),var(--disabled_bd_lightness),1);

    --secondary_btn_hover_color: hsla(var(--hue-secondary),var(--saturation-less),var(--hover_fg_lightness),1);
    --secondary_btn_hover_bg_color: hsla(var(--hue-secondary),var(--saturation-less),var(--hover_bg_lightness),1);
    --secondary_btn_hover_border_color: hsla(var(--hue-secondary),var(--saturation-less),var(--hover_bd_lightness),1);

    /* Info Buttons */
    --info_btn_color: hsla(var(--hue-info),var(--saturation-less),var(--default_fg_lightness),1);
    --info_btn_bg_color: hsla(var(--hue-info),var(--saturation-less),var(--default_bg_lightness),1);
    --info_btn_border_color: hsla(var(--hue-info),var(--saturation-less),var(--default_bd_lightness),1);

    --info_btn_outline_color: hsla(var(--hue-info),var(--saturation-most),var(--outline_fg_lightness),1);
    --info_btn_outline_bg_color: hsla(var(--hue-info),var(--saturation-less),var(--outline_bg_lightness),1);
    --info_btn_outline_border_color: hsla(var(--hue-info),var(--saturation-most),var(--outline_bd_lightness),1);

    --info_btn_disabled_color: hsla(var(--hue-info),var(--saturation-less),var(--disabled_fg_lightness),1);
    --info_btn_disabled_bg_color: hsla(var(--hue-info),var(--saturation-less),var(--disabled_bg_lightness),1);
    --info_btn_disabled_border_color: hsla(var(--hue-info),var(--saturation-less),var(--disabled_bd_lightness),1);

    --info_btn_hover_color: hsla(var(--hue-info),var(--saturation-less),var(--hover_fg_lightness),1);
    --info_btn_hover_bg_color: hsla(var(--hue-info),var(--saturation-less),var(--hover_bg_lightness),1);
    --info_btn_hover_border_color: hsla(var(--hue-info),var(--saturation-less),var(--hover_bd_lightness),1);

    /* Success Buttons */
    --success_btn_color: hsla(var(--hue-success),var(--saturation-less),var(--default_fg_lightness),1);
    --success_btn_bg_color: hsla(var(--hue-success),var(--saturation-less),var(--default_bg_lightness),1);
    --success_btn_border_color: hsla(var(--hue-success),var(--saturation-less),var(--default_bd_lightness),1);

    --success_btn_outline_color: hsla(var(--hue-success),var(--saturation-most),var(--outline_fg_lightness),1);
    --success_btn_outline_bg_color: hsla(var(--hue-success),var(--saturation-less),var(--outline_bg_lightness),1);
    --success_btn_outline_border_color: hsla(var(--hue-success),var(--saturation-most),var(--outline_bd_lightness),1);

    --success_btn_disabled_color: hsla(var(--hue-success),var(--saturation-less),var(--disabled_fg_lightness),1);
    --success_btn_disabled_bg_color: hsla(var(--hue-success),var(--saturation-less),var(--disabled_bg_lightness),1);
    --success_btn_disabled_border_color: hsla(var(--hue-success),var(--saturation-less),var(--disabled_bd_lightness),1);

    --success_btn_hover_color: hsla(var(--hue-success),var(--saturation-less),var(--hover_fg_lightness),1);
    --success_btn_hover_bg_color: hsla(var(--hue-success),var(--saturation-less),var(--hover_bg_lightness),1);
    --success_btn_hover_border_color: hsla(var(--hue-success),var(--saturation-less),var(--hover_bd_lightness),1);

    /* Warning Buttons */
    --warning_btn_color: hsla(var(--hue-warning),var(--saturation-less),var(--default_fg_lightness),1);
    --warning_btn_bg_color: hsla(var(--hue-warning),var(--saturation-less),var(--default_bg_lightness),1);
    --warning_btn_border_color: hsla(var(--hue-warning),var(--saturation-less),var(--default_bd_lightness),1);

    --warning_btn_outline_color: hsla(var(--hue-warning),var(--saturation-most),var(--outline_fg_lightness),1);
    --warning_btn_outline_bg_color: hsla(var(--hue-warning),var(--saturation-less),var(--outline_bg_lightness),1);
    --warning_btn_outline_border_color: hsla(var(--hue-warning),var(--saturation-most),var(--outline_bd_lightness),1);

    --warning_btn_disabled_color: hsla(var(--hue-warning),var(--saturation-less),var(--disabled_fg_lightness),1);
    --warning_btn_disabled_bg_color: hsla(var(--hue-warning),var(--saturation-less),var(--disabled_bg_lightness),1);
    --warning_btn_disabled_border_color: hsla(var(--hue-warning),var(--saturation-less),var(--disabled_bd_lightness),1);

    --warning_btn_hover_color: hsla(var(--hue-warning),var(--saturation-less),var(--hover_fg_lightness),1);
    --warning_btn_hover_bg_color: hsla(var(--hue-warning),var(--saturation-less),var(--hover_bg_lightness),1);
    --warning_btn_hover_border_color: hsla(var(--hue-warning),var(--saturation-less),var(--hover_bd_lightness),1);

    /* Danger Buttons */
    --danger_btn_color: hsla(var(--hue-danger),var(--saturation-less),var(--default_fg_lightness),1);
    --danger_btn_bg_color: hsla(var(--hue-danger),var(--saturation-more),var(--default_bg_lightness),1);
    --danger_btn_border_color: hsla(var(--hue-danger),var(--saturation-less),var(--default_bd_lightness),1);

    --danger_btn_outline_color: hsla(var(--hue-danger),var(--saturation-most),var(--outline_fg_lightness),1);
    --danger_btn_outline_bg_color: hsla(var(--hue-danger),var(--saturation-more),var(--outline_bg_lightness),1);
    --danger_btn_outline_border_color: hsla(var(--hue-danger),var(--saturation-most),var(--outline_bd_lightness),1);

    --danger_btn_disabled_color: hsla(var(--hue-danger),var(--saturation-less),var(--disabled_fg_lightness),1);
    --danger_btn_disabled_bg_color: hsla(var(--hue-danger),var(--saturation-less),var(--disabled_bg_lightness),1);
    --danger_btn_disabled_border_color: hsla(var(--hue-danger),var(--saturation-less),var(--disabled_bd_lightness),1);

    --danger_btn_hover_color: hsla(var(--hue-danger),var(--saturation-less),var(--hover_fg_lightness),1);
    --danger_btn_hover_bg_color: hsla(var(--hue-danger),var(--saturation-more),var(--hover_bg_lightness),1);
    --danger_btn_hover_border_color: hsla(var(--hue-danger),var(--saturation-less),var(--hover_bd_lightness),1);

}


/*
 * https://encycolorpedia.com/035096
 * Medium electric blue / #035096
 *
 * https://encycolorpedia.com/32527b
 * Metallic blue / #32527b
 *
 * https://encycolorpedia.com/4682b4
 * Steelblue / Steel blue / #4682b4
 */

/*
 * Faux-Metallic Blue #335f83
 * http://www.2020colours.com/335f83
 * https://encycolorpedia.com/335f83
 * https://www.w3schools.com/w3css/w3css_color_generator.asp
 *
 * #335f83
 * rgb(51, 95, 131)
 * hsl(147, 112%, 91%)
 * cmyk(61, 27, 0, 49)
 *
 * complementary #825633
 * warning #CFB33C, rgb(207,179,60)
 * danger #B55F35, rgb(181,95,53)
 */
.aether__theme--l5 {color:#000 !important; background-color:#f1f6fa !important}
.aether__theme--l4 {color:#000 !important; background-color:#d0e0ed !important}
.aether__theme--l3 {color:#000 !important; background-color:#a1c1da !important}
.aether__theme--l2 {color:#fff !important; background-color:#72a1c8 !important}
.aether__theme--l1 {color:#fff !important; background-color:#4682b3 !important}
.aether__theme--d1 {color:#fff !important; background-color:#2e5677 !important}
.aether__theme--d2 {color:#fff !important; background-color:#294d6a !important}
.aether__theme--d3 {color:#fff !important; background-color:#24435d !important}
.aether__theme--d4 {color:#fff !important; background-color:#1f3a4f !important}
.aether__theme--d5 {color:#fff !important; background-color:#1a3042 !important}

.aether__theme--light {color:#000 !important; background-color:#f1f6fa !important}
.aether__theme--dark {color:#fff !important; background-color:#1a3042 !important}
.aether__theme--action {color:#fff !important; background-color:#1a3042 !important}

.aether__theme {color:#fff !important; background-color:#335f83 !important}
.aether__theme--text {color:#335f83 !important}
.aether__theme--border {border-color:#335f83 !important}

.aether__theme--hover:hover {color:#fff !important; background-color:#335f83 !important}
.aether__theme--text_hover:hover {color:#335f83 !important}
.aether__theme--border_hover:hover {border-color:#335f83 !important}

/*
 * success #66be07
 * info #00beff
 * danger #660007
 *
 * error #660007
 *
 * primary 5196CF
 * secondary 688297
 *
 * info 8FB2CF (blue)
 * success 2C827B (green)
 *
 * warning 7F8226 (brown yellow)
 * danger 824240 (brown orange)
 *
 * other 393B82 (purple)
 */