@mio-font-heading: Verdana, 'Dejavu Sans', Arial, Helvetica, sans-serif;
@mio-font-regular: Tahoma, Geneva, 'Dejavu Sans', Arial, Helvetica, sans-serif;
@site-max-width: 1200px;

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    position: relative;
}

html,
body {
    width: 100%;
    height: 100%;
}

.main {
    display: flex;
    flex-direction: column;
    background-color: #fbeeff;
    font: 12px/20px @mio-font-regular;
    color: #000;

    &__wrapper {
        max-width: @site-max-width;
        width: 100%;
        margin: 0 auto;
        padding: 1px;
        flex: 1 0 auto;
    }

    &--dark {
        background-color: #23172a;
        background-image: linear-gradient(180deg, #462e55, transparent);
        color: #fff;
    }
}

// Input elements
@import "classes/input/button";
@import "classes/input/select";
@import "classes/input/text";
@import "classes/input/textarea";
@import "classes/input/upload";

// Base styles
@import "classes/avatar";
@import "classes/container";
@import "classes/flag";
@import "classes/heading";
@import "classes/navigation";
@import "classes/pagination";

// Specific styles
@import "classes/footer";
@import "classes/header";
@import "classes/profile";
@import "classes/index";
@import "classes/changelog";

// Settings
@import "classes/settings/description";
@import "classes/settings/errors";
@import "classes/settings/pagination";
@import "classes/settings/account";
@import "classes/settings/images";
@import "classes/settings/avatar";
@import "classes/settings/log";
@import "classes/settings/login-history";
@import "classes/settings/sessions";

// News
@import "classes/news/container";
@import "classes/news/list";
@import "classes/news/preview";
@import "classes/news/sidebar";
@import "classes/news/post"; // post needs to be able to override sidebar

// Forums
@import "classes/forum/actions";
@import "classes/forum/listing";
@import "classes/forum/pagination";
@import "classes/forum/post";
@import "classes/forum/posting";
@import "classes/forum/topic";
@import "classes/forum/topics";

// Member listing
@import "classes/members/user";
@import "classes/members/users";

// Comments
@import "classes/comment"; // entries
@import "classes/comments"; // listing