web/frontend/src/css/style.scss

@use "animations";
@use "components";
@use "colors" as *;
@use "material" as *;
@use "../core/components/css/styled-dialog";

@use "fonts/montserrat";
@use "fonts/material-symbols";


* {
    box-sizing: border-box;
}

body {
    font-family: 'Montserrat', sans-serif;
    background-color: $color-dark-surface;
    color: $color-dark-on-surface;
    line-height: 1.6;
    overflow: hidden;

    #main-wrapper {
        flex: 1;
        position: relative;
        min-height: 0;
    }
}

body, #root {
    height: 100vh;
    position: relative;
    margin: 0;
    display: flex;
    flex-direction: column;
}

mdui-dialog {
    > *:first-child {
        margin-block-start: 0;
    }

    > *:last-child {
        margin-block-end: 0;
    }
}

mdui-icon {
    user-select: none;
}