@import url("gtk-version.css");
@import url("../general/gtk-colors.css");
@import url("../general/widgets.css");
@import url("../general/titlebar.css");

@define-color gtk_titlebar_bg_color mix(@gtk_bg_color,@gtk_fg_color,0.05);

@define-color gtk_fg_color {color15};
@define-color gtk_text_color @gtk_fg_color;
@define-color gtk_base_color {color0};
@define-color gtk_bg_color mix(@gtk_base_color, @gtk_fg_color, 0.03);

@define-color gtk_button_color mix(@gtk_bg_color, @gtk_fg_color, 0.1);
@define-color gtk_widget_color alpha(currentcolor,0.1);

@define-color gtk_shadow alpha(black,0.3);
@define-color gtk_button_shadow alpha(@gtk_shadow,0.15);
@define-color gtk_menu_shadow alpha(@gtk_shadow,0.5);

@define-color text_shadow_color alpha(@panel_bg,0.5);

@define-color gtk_borders mix(@gtk_bg_color,@gtk_fg_color,0.1);
@define-color gtk_transparent_borders alpha(@gtk_fg_color,0.1);

@define-color gtk_selected_bg_color {active};
@define-color gtk_selected_fg_color shade(@gtk_selected_bg_color, 0.2);

@define-color gtk_highlight alpha(@gtk_selected_bg_color,0.6);
@define-color gtk_titlebar_highlight alpha(@gtk_selected_bg_color,0.2);

check,
radio,
treeview.view.content-view.check:not(list),
iconview.content-view.check:not(list),
.content-view:not(list) check,
.view check:not(:checked):selected,
.view radio:not(:checked):selected,
check.view:not(treeview):not(:checked):selected,
radio.view:not(treeview):not(:checked):selected,
progressbar trough
{{background-clip: padding-box;}}
check:checked,
check:indeterminate,
radio:checked,
radio:indeterminate,
treeview.view check:checked,
treeview.view check:indeterminate,
treeview.view radio:checked,
treeview.view radio:indeterminate,
treeview.view.content-view.check:not(list):checked,
iconview.content-view.check:not(list):checked,
.content-view:not(list) check:checked,
switch,
progressbar progress,
levelbar block,
scale highlight,
button.suggested-action,
button.destructive-action
{{background-clip: border-box;}}

.window-frame, .window-frame:backdrop {{
    box-shadow: 0 0 0 black; /* removes shadow completely */
    border-style: none;
    margin: 1px; /* this retains the ability to resize with the mouse, if 1px is too narrow, set some higher values */
    border-radius: 0;
}}

window-frame, window, headerbar, .titlebar, menubar {{
	box-shadow: none;
	margin: 1px;
}}