@import url("md3/base.css");
@import url("md3/modules.css");
@import url("md3/titlebar.css");
@import url("md3/scrollbar.css");
@import url("md3/inputs.css");

/* optional */
@import url("md3/module-hide-unneeded.css");
@import url("md3/module-danger-highlight.css");
@import url("md3/module-hc-toggle.css");
@import url("md3/use-system-font.css");

/* General */
@define-color selected_bg_color @grey_35;       /* legacy stuff */
@define-color border_color rgba(255, 255, 255, 0.4);            /* border, when used */
@define-color bg_color #111111;                /* general background */
@define-color fg_color @grey_90;                /* general text */
@define-color base_color @fg_color; /* legacy stuff */
@define-color disabled_fg_color @grey_45; /* disabled controls */

@define-color graph_bg @plugin_bg_color;

/* Modules controls (sliders and comboboxes) */
@define-color bauhaus_fg @grey_95;
@define-color bauhaus_fg_hover @grey_85;
@define-color bauhaus_fg_selected @grey_95;

/* Modules box (plugins) */
@define-color plugin_bg_color shade(@bg_color, 1.8);

/* GTK Buttons and tabs */
@define-color button_fg alpha(@fg_color, 0.85);
@define-color button_focus_fg @grey_90;
@define-color button_checked_fg @grey_90;
@define-color button_hover_fg @grey_15;

/* Views */
@define-color darkroom_bg_color white;

/* text fields */
@define-color field_fg @grey_85;
@define-color field_active_fg @grey_85;
@define-color field_selected_fg @grey_95;

/* Tooltips and contextual helpers */
@define-color tooltip_fg_color @grey_95;
@define-color log_fg_color @grey_90;

/* Lighttable and film-strip */
@define-color thumbnail_font_color @grey_20;

/* Graphs : histogram, navigation thumbnail and some items on tone curve */
@define-color graph_fg @grey_90;
@define-color graph_fg_active @grey_100;
@define-color graph_grid @grey_00;

#iop-panel-label, #lib-panel-label, #iop-module-name { color: @fg_color; }
#module-header .toggle:checked { color: @fg_color; }
