@define-color accent_color {{colors.primary.default.hex}};
@define-color accent_bg_color {{colors.primary_container.default.hex}};
@define-color accent_fg_color {{colors.on_primary.default.hex}};

@define-color destructive_color {{colors.error.default.hex}};
@define-color destructive_bg_color {{colors.error_container.default.hex}};
@define-color destructive_fg_color {{colors.on_error.default.hex}};

@define-color success_color {{colors.ok.default.hex}};
@define-color success_bg_color {{colors.ok_container.default.hex}};
@define-color success_fg_color {{colors.on_ok.default.hex}};

@define-color warning_color {{colors.warn.default.hex}};
@define-color warning_bg_color {{colors.warn_container.default.hex}};
@define-color warning_fg_color {{colors.on_warn.default.hex}};

@define-color error_color {{colors.error.default.hex}};
@define-color error_bg_color {{colors.error_container.default.hex}};
@define-color error_fg_color {{colors.on_error.default.hex}};

@define-color window_bg_color alpha({{colors.surface.default.hex}}, 0.8);
@define-color window_fg_color {{colors.on_surface.default.hex}};

@define-color view_bg_color @window_bg_color;
@define-color view_fg_color @window_fg_color;

@define-color headerbar_bg_color @window_bg_color;
@define-color headerbar_fg_color @window_fg_color;
@define-color headerbar_backdrop_color alpha({{colors.surface_variant.default.hex}}, 0.2);

@define-color sidebar_bg_color alpha({{colors.surface_variant.default.hex}}, 0.2);
@define-color sidebar_fg_color {{colors.on_surface_variant.default.hex}};
@define-color sidebar_backdrop_color alpha({{colors.surface_variant.default.hex}}, 0.2);