* {
    border-color: @border_color;
    border-style: solid;
}

selection,
*:selected:selected,
*:selected:focus {
    background-color: @selected_bg_color;
    color: @selected_fg_color;
}
/* !important seems to be broken, so I use this hack to push specificity */
*:disabled:disabled {
    color: mix(@fg_color, @bg_color, 0.4);
}
.background {
    background: @bg_color;
    color: @fg_color;
}

.view,
.cell {
    background: @base_color;
    color: @text_color;
}

spinbutton text,
entry {
    padding: 0.5em 0.75em;
    border-width: 1px;
    border-radius: 3px;
    background-color: @base_color;
    color: @text_color;
}
spinbutton text:disabled,
entry:disabled {
    background: shade(@base_color, 0.94);
}

.title-1,
.title-2,
.title-3,
.title-4,
.heading,
.caption-heading {
    font-weight: bold;
}

.large-title { font-size: 250%; }
.title-1 { font-size: 200%; }
.title-2 { font-size: 175%; }
.title-3 { font-size: 145%; }
.title-4 { font-size: 120%; }

link {
    color: @focus_color;
    text-decoration: underline;
}

video {
    background: #000;
    min-height: 8em;
}

slider:focus,
switch:focus slider,
spinbutton:focus,
notebook:focus tab:checked,
radio:focus,
check:focus,
entry:focus,
button:focus {
    border-color: @focus_color;
}

@import url("widgets/arrow.css");
@import url("widgets/button.css");
@import url("widgets/calendar.css");
@import url("widgets/checkbox.css");
@import url("widgets/frame.css");
@import url("widgets/headerbar.css");
@import url("widgets/keycap.css");
@import url("widgets/list.css");
@import url("widgets/menu.css");
@import url("widgets/notebook.css");
@import url("widgets/pane-separator.css");
@import url("widgets/popover.css");
@import url("widgets/scale.css");
@import url("widgets/scrollbar.css");
@import url("widgets/spinner.css");
@import url("widgets/toast.css");
@import url("widgets/tooltip.css");
@import url("widgets/treeview.css");
@import url("colors-public.css");