/* Accent Colors */
@define-color accent_color #5E7F3E;
@define-color accent_bg_color #5E7F3E;
@define-color accent_fg_color #ffffff;
/* Window Colors */
@define-color window_bg_color #C6C6C6;
@define-color window_fg_color #161616;
/* View Colors */
@define-color view_bg_color #F0F0F0;
@define-color view_fg_color black;
/* Header Bar Colors */
@define-color headerbar_bg_color #3D3D3D;
@define-color headerbar_fg_color #fff;
@define-color headerbar_backdrop_color #3D3D3D;
/* Card Colors */
@define-color card_bg_color #e1e1e1;
@define-color card_fg_color #161616;
@define-color card_shade_color #161616;
/* Popover Colors */
@define-color popover_bg_color #C6C6C6;
@define-color popover_fg_color #161616;
/* Fix the avatar shape */
avatar { border-radius: 4px; }

list button.text-button:not(.flat), list button.image-button:not(.toggle):not(.flat), list button.toggle:checked, list button:not(.flat):hover, list spinbutton { outline: 1px @borders solid; outline-offset: -1px; }

button.combo, button.text-button.toggle, button.text-button.pill { outline: 1px @borders solid; outline-offset: -1px; }

list spinbutton button.image-button:not(.toggle), list button.image-button.background-preview-button, headerbar button.text-button { outline-width: 0; }

checkbutton radio:not(:checked), checkbutton check:not(:checked) { background-color: #F0F0F0; }

checkbutton radio:not(:checked):backdrop, checkbutton check:not(:checked):backdrop { background-color: #ededed; }

.dim-label { opacity: 0.75; }

entry { background: @view_bg_color; color: @view_fg_color; }

switch { border: 1px solid #00000044; }

/* Prevent hover on a list view giving a light background */
listview.navigation-sidebar:hover { background: transparent; }