// These are defined as GtkCSS variables, so are accessible and overridable
// inside of apps. While internal sass variables are considered private API,
// these exported GtkCSS variables should be considered public API.

@define-color fg_color #{"" + $fg-color};
@define-color bg_color #{"" + bg-color(2)};

@define-color base_color #{"" + bg-color(1)};
@define-color highlight_color #{"" + $highlight_color};
@define-color borders #{"" + $border-color};

@define-color selected_bg_color #{'alpha(@accent_color, 0.25)'};
@define-color selected_fg_color #{'shade(@accent_color, 0.5)'};

@if $color-scheme == "dark" {
    @define-color selected_bg_color #{'alpha(shade(@accent_color, 0.85), 0.5)'};
    @define-color selected_fg_color #{'mix(shade(@accent_color, 1.1), white, 0.75)'};
}
