// font import
// TODO: serve font yourself
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600&display=swap');

@import "navbar";
@import "menu_page";
@import "manage/client";

:root {
    --body-bg: #282a36;
    --body-fg: #f8f8f8;
    //--body-bg-alt: #161720;
    --body-bg-alt: #21232f;
    --body-fg-alt: lightgray;

    --nav-bg: #383a59;
    --nav-fg: #f8f8f8;
    --nav-height: 4rem;

    --link-fg: #bd93f9;

    --main-padding: 0.7rem;
}

html, body {
    height: 100%;
    margin: 0;
}

* {
    font-family: 'Open Sans', sans-serif;
    box-sizing: border-box;
}

body {
    background-color: var(--body-bg);
    color: var(--body-fg);
}

main {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    min-height: calc(100vh - var(--nav-height));
    padding: var(--main-padding);
}