@import url('./main-layout.css');
@import url('./side-nav.css');

html {
    --lumo-line-height-m: 1.4;
    --lumo-line-height-s: 1.2;
    --lumo-line-height-xs: 1.1;
    --lumo-font-family: Montserrat, Helvetica, Arial, serif;
    --lumo-border-radius: 0.428rem;
    --lumo-body-text-muted: #6c757d;
    --lumo-base-color-dark: var(--lumo-base-color);
    --font-code: Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace,sans-serif;
    --lumo-content-bg: #f8f7fa;
    --lumo-drawer-bg: #ffffff;
    background-color: var(--lumo-base-color-dark);
}

[theme~="dark"] {
    --lumo-primary-color: rgb(115, 103, 240);
    --lumo-primary-color-50pct: rgba(115, 103, 240, 0.5);
    --lumo-primary-color-30pct: rgba(115, 103, 240, 0.3);
    --lumo-primary-color-10pct: rgba(115, 103, 240, 0.1);
    --lumo-error-color: #ea5455 /*rgb(234, 84, 85)*/;
    --lumo-error-color-50pct: rgba(234, 84, 85, 0.5);
    --lumo-error-color-10pct: rgba(234, 84, 85, 0.1);
    --lumo-error-text-color: rgb(234, 84, 85);
    --lumo-success-color: #28c76f /*rgb(40, 199, 111)*/;
    --lumo-success-color-50pct: rgba(40, 199, 111, 0.5);
    --lumo-success-color-10pct: rgba(40, 199, 111, 0.1);
    --lumo-success-text-color: rgb(40, 199, 111);
    --lumo-body-text-color: rgb(237, 243, 246);
    --lumo-body-text-muted: rgb(183, 184, 185);
    --lumo-base-color: #2d324a /*rgb(40, 48, 70)*/;
    --lumo-base-color-dark: #24283c /*#161d31*/;
    --lumo-content-bg: #24283c /*#161d31*/;
    --lumo-drawer-bg: #2f3349 /*#161d31*/;

    --primary: #7367f0;
    --secondary: #82868b;
    --success: #28c76f;
    --info: #00cfe8;
    --warning: #ff9f43;
    --danger: #ea5455;
    --light: #f6f6f6;
    --dark: #4b4b4b;
}