@import "./auth.scss";
@import "./general.scss";
@import "./lib-components.scss";
@import "./spacing.scss";
@import "./ui-elements.scss";

body {
    font-family: "Open Sans";
    margin: 0;
    max-width: 100vw;
    max-height: 100vh;
    overflow: hidden;
}

:root {
    --white: rgb(255, 255, 255);
    --gray: rgb(128, 128, 128);
    --blue-button: rgb(35, 90, 104);
    --blue-button-lighter: #1f8ba7;
    --red-dark-lighter: rgb(199, 73, 56);
    --lighter-gray: rgba(252, 252, 252, 0.9);
    --light-gray: rgba(209, 209, 209, 0.18);
    --normal-gray: rgba(223, 223, 223, 0.4);
    --dark-gray: rgba(206, 206, 206, 0.7);
    --menu-gray: #7c7c7c;
    --dark-gray-opaque: #494949;
    --dark-black: #3c3c3c;
    --dark-black-less: #616161;
    --dark-overlay: rgba(0, 0, 0, 0.541);
    --gray-border: rgba(0,0,0,.125);
    --disabled-gray: rgb(0 0 0 / 25%);
    --light-gray-opaque: rgba(246, 246, 246, 1);
    --purple-dark: rgb(83 45 99);
    --red-dark: rgb(117 47 38);
    --blue-dark: rgb(35 90 104);
    --yellow-dark: rgb(123 102 49);
}