@import 'colors-dark';
@import 'font';

$variant: 'dark';

body {
    background-color: $bg_color;
    color: $fg_color;
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: normal;
    margin: 10px;
}

h1 {
    font-weight: 700;
    font-style: normal;
};

h2 {
    font-weight: 500;
    font-style: normal;
};

h3 {
    font-weight: 400;
    font-style: normal;
};

button {
    min-height: 32px;
    padding-left: 8px;
    padding-right: 8px;
    border: 0px solid;
    border-radius: 6px;
    border-spacing: 6px;
    transition: all 200ms ease-out;
    background-color: $base_color;
    color: $text_color;
};

button:hover {
    min-height: 32px;
    padding-left: 8px;
    padding-right: 8px;
    border: 0px solid;
    border-radius: 6px;
    border-spacing: 6px;
    transition: all 200ms ease-out;
    background-color: $menu_selected_color;
    color: $text_color;
};

.header {
    width: 100%;
    padding: 10px;
    background-color: $headerbar_bg_color;
    color: $text_color;
    text-align: center;
    font-weight: 500;
    border-radius: 6px;
}