:root {
     --ON_toggle: initial;
    --OFF_toggle: ;
}
.theme-default, .theme-light {
     --light: var(--ON_toggle);
    --dark: var(--OFF_toggle);
}
.theme-dark {
     --light: var(--OFF_toggle);
    --dark: var(--ON_toggle);
}
body {
     --white_text_black: var(--light,  #333) var(--dark,  white);
    --white_text_black2: var(--light,  #222) var(--dark,  white);
    --white_text_black_reverse: var(--light,  #fff) var(--dark,  #333);
    --basic_text_black: var(--light,  #555) var(--dark,  #ccc);
    --light_basic_text_black: var(--light,  #666) var(--dark,  #ccc);
    --black_bg_black: var(--light,  #fff) var(--dark,  #1b1b1b);
    --darkerblack_bg_black: var(--light,  #f8f8f8) var(--dark,  #121212);
    --stroke_black: var(--light,  #ececec) var(--dark,  #3a3a3a);
    --stroke_black_hover: var(--light,  #fff) var(--dark,  #3a3a3a);
    /*--card_bg_black: var(--light,  #fff) var(--dark,  #232323);*/
	--card_bg_black:  #fff;
    --card_bg_hover_black: var(--light,  #fff) var(--dark,  #2b2b2b);
    --arrows_bg_black: var(--light,  #fff) var(--dark,  #444);
    --line_bg_black: var(--light,  #f2f2f2) var(--dark,  #2b2b2b);
    --light_bg_black: var(--light,  #fafafa) var(--dark,  #1b1b1b);
    --light2_bg_black: var(--light,  #fafafa) var(--dark,  #232323);
    --gray_bg_black: var(--light,  #ccc) var(--dark,  #3a3a3a);
    --white_bg_ccc: var(--light,  #fff) var(--dark,  #ccc);
    --fill_dark_light: var(--light,  #333) var(--dark,  #fff);
    --fill_dark_light_ccc: var(--light,  #333) var(--dark,  #ccc);
    --fill_dark_light_hover: var(--light,  var(--theme-base-color)) var(--dark,  #ccc);
    --fill_dark_light_white_hover: var(--light,  var(--theme-base-color)) var(--dark,  #fff);
    --dark_light-wtheme-hue: var(--light,  var(--theme-base-color-hue)) var(--dark,  0);
    --dark_light-wtheme-saturation: var(--light,  var(--theme-base-color-saturation)) var(--dark,  0%);
    --dark_light-wtheme-lightness: var(--light,  var(--theme-base-color-lightness)) var(--dark,  100%);
    --dark_light-hue: var(--light,  0) var(--dark,  0);
    --dark_light-saturation: var(--light,  0%) var(--dark,  0%);
    --dark_light-lightness: var(--light,  97%) var(--dark,  7%);
    --checkbox_dark_light: var(--light,  #afafaf) var(--dark,  #3a3a3a);
    --opacity_dark_light_hover: var(--light,  var(--theme-base-opacity-color)) var(--dark,  #3a3a3a);
    --dff_dark_light: var(--light,  #fff) var(--dark,  #121212);
}
@media (prefers-color-scheme:dark) {
     .theme-default {
     --light: var(--OFF_toggle);
    --dark: var(--ON_toggle);
}
}