@define-color window_bg_color #ffffff;
@define-color window_fg_color #2e3436;

@define-color view_bg_color #ffffff;
@define-color view_fg_color #2e3436;

@define-color headerbar_bg_color #f6f5f4;
@define-color headerbar_backdrop_color #f6f5f4;
@define-color headerbar_fg_color #2e3436;

@define-color popover_bg_color #ffffff;
@define-color popover_fg_color #2e3436;

@define-color dialog_bg_color @popover_bg_color;
@define-color dialog_fg_color @popover_fg_color;

@define-color card_bg_color #f6f5f4;
@define-color card_fg_color #2e3436;

@define-color sidebar_bg_color #f6f5f4;
@define-color sidebar_fg_color #2e3436;
@define-color sidebar_backdrop_color #f6f5f4;
@define-color sidebar_border_color #d3d7cf;

@define-color secondary_sidebar_bg_color @sidebar_bg_color;
@define-color secondary_sidebar_fg_color @sidebar_fg_color;
@define-color secondary_sidebar_backdrop_color @sidebar_backdrop_color;
@define-color secondary_sidebar_border_color @sidebar_border_color;

@define-color blue_1 #3584e4;
@define-color green_1 #33d17a;
@define-color yellow_1 #f6d32d;
@define-color red_1 #e01b24;
@define-color purple_1 #9141ac;
@define-color orange_1 #e66100;

@define-color accent_bg_color @blue_1;
@define-color accent_fg_color @window_bg_color;

toast {
  background-color: @window_bg_color;
  color: @window_fg_color;
}

toggle:checked {
  background-color: @card_bg_color;
  color: @window_fg_color;
}
