@import "./base";
@import "./globals/old";
@import "./globals/scrollbars";
@import "./components/components";

$font-size: 20dp;

body
{
    @extend %body;
    box-sizing: border-box;
	color: $color-text;
	font-family: $font-stack;

    &[disable-mouse] {
        pointer-events: none;
    }
}

.rmlui-window {
    opacity: 1;
    transition: opacity 0.1s quadratic-in-out;

    &--hidden {
        opacity: 0;
        transition: none;
    }
}

*, *:before, *:after {
    box-sizing: border-box;
}

h1 {
    @extend %header-1;
}

h2 {
    @extend %header-2;
}

h3 {
    @extend %header-3;
}

.label-lg {
    @extend %label-lg;
}

.label-md {
    @extend %label-md;
}

.label-sm {
    @extend %label-sm;
}

.prompt-font {
    @extend %prompt-font;
}

button {
    background-color: $color-primary-d;
}