@import "reset/reset";
@import "reset/normalize";
@import "reset/form";

body {
    background-color: $body-background-colour;
    color: $body-text-colour;
    font-size: $body-font-size;
    font-family: $body-font-family;
}

img {
    max-width: 100%;
}

@import "colour/font";
@import "colour/background";

@import "box/padding";
@import "box/margin";
@import "box/border";

@import "css3/border_radius";
@import "css3/rotate";
@import "css3/transition";

@import "font/typography";
@import "font/align";
@import "font/style";
@import "font/weight";
@import "font/size";
@import "font/wrap";
@import "font/vertical_align";
@import "font/line_height";

@import "form/button";
@import "form/field";
@import "form/label";
@import "form/outline";
@import "form/appearance";

@import "helpers/cursor";
@import "helpers/dimensions";
@import "helpers/display";
@import "helpers/float";
@import "helpers/opacity";
@import "helpers/overflow";
@import "helpers/position";
@import "helpers/visibility";
@import "helpers/list";
@import "helpers/fill";

@import "grid/clear";
@import "grid/grid";
@import "grid/flex";