/*
* GTK Colors (GTK4)
* Generated by Noctalia's Template Processor
* stylelint-disable at-rule-no-unknown
*/

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

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

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

@define-color window_bg_color {{colors.surface.default.hex}};
@define-color window_fg_color {{colors.on_surface.default.hex}};

@define-color view_bg_color {{colors.surface.default.hex}};
@define-color view_fg_color {{colors.on_surface.default.hex}};

@define-color headerbar_bg_color {{colors.surface.default.hex}};
@define-color headerbar_fg_color {{colors.on_surface.default.hex}};
@define-color headerbar_backdrop_color @window_bg_color;

@define-color popover_bg_color {{colors.surface_container.default.hex}};
@define-color popover_fg_color {{colors.on_surface.default.hex}};

@define-color card_bg_color {{colors.surface_container.default.hex}};
@define-color card_fg_color {{colors.on_surface.default.hex}};

@define-color dialog_bg_color {{colors.surface.default.hex}};
@define-color dialog_fg_color {{colors.on_surface.default.hex}};

@define-color overview_bg_color {{colors.surface_container.default.hex}};
@define-color overview_fg_color {{colors.on_surface.default.hex}};

@define-color sidebar_bg_color {{colors.surface_container.default.hex}};
@define-color sidebar_fg_color {{colors.on_surface.default.hex}};
@define-color sidebar_backdrop_color @window_bg_color;
@define-color sidebar_border_color @window_bg_color;

@define-color secondary_sidebar_bg_color {{colors.surface.default.hex}};
@define-color secondary_sidebar_fg_color {{colors.on_surface.default.hex}};

/* Backdrop/unfocused states */
@define-color theme_unfocused_fg_color @window_fg_color;
@define-color theme_unfocused_text_color @view_fg_color;
@define-color theme_unfocused_bg_color @window_bg_color;
@define-color theme_unfocused_base_color @window_bg_color;
@define-color theme_unfocused_selected_bg_color @accent_bg_color;
@define-color theme_unfocused_selected_fg_color @accent_fg_color;

:root {
    --accent-color: {{colors.primary.default.hex}};
    --accent-bg-color: {{colors.primary.default.hex}}; 
    --accent-fg-color: {{colors.on_primary.default.hex}};

    --destructive-bg-color: {{colors.error.default.hex}};
    --destructive-fg-color: {{colors.on_error.default.hex}};

    --error-bg-color: {{colors.error.default.hex}};
    --error-fg-color: {{colors.on_error.default.hex}};
    --error-color: {{colors.error.default.hex}};

    --window-bg-color: {{colors.surface.default.hex}};
    --window-fg-color: {{colors.on_surface.default.hex}};

    --view-bg-color: {{colors.surface.default.hex}};
    --view-fg-color: {{colors.on_surface.default.hex}};

    --headerbar-bg-color: {{colors.surface.default.hex}};
    --headerbar-fg-color: {{colors.on_surface.default.hex}};
    --headerbar-backdrop-color: @window_bg_color;

    --popover-bg-color: {{colors.surface_container.default.hex}};
    --popover-fg-color: {{colors.on_surface.default.hex}};

    --card-bg-color: {{colors.surface_container.default.hex}};
    --card-fg-color: {{colors.on_surface.default.hex}};

    --dialog-bg-color: {{colors.surface.default.hex}};
    --dialog-fg-color: {{colors.on_surface.default.hex}};

    --overview-bg-color: {{colors.surface_container.default.hex}};
    --overview-fg-color: {{colors.on_surface.default.hex}};

    --sidebar-bg-color: {{colors.surface_container.default.hex}};
    --sidebar-fg-color: {{colors.on_surface.default.hex}};
    --sidebar-backdrop-color: @window_bg_color;
    --sidebar-border-color: @window_bg_color;

    --warning-bg-color: {{colors.tertiary_container.default.hex}};
    --warning-fg-color: {{colors.on_tertiary_container.default.hex}};
    --warning-color: {{colors.tertiary.default.hex}};

    --success-color: {{colors.secondary.default.hex}};
    --success-bg-color: {{colors.secondary_container.default.hex}};
    --success-fg-color: {{colors.on_secondary_container.default.hex}};
    
    --shade-color: rgba(0, 0, 0, 0.36);
}