@import "global-header.css";
@import "layouts.css";
@import "page-header.css";
@import "activity-list.css";
@import "utilities.css";
@import "fx.css";
@import "temp.css";

:root {
    --sidebar-width: 22rem;
    user-select: none;
    color-scheme: light dark;
}

form,
.selectable {
    user-select: text;
}

body {
    --nav-height: 3.25rem;
    margin: 0;
    padding: var(--nav-height) var(--sp-l);
    background-color: var(--c-surface-bg);
}

@media (max-width: 768px) {
    :root {
        font-size: 12px;
    }
}

@media (min-width: 1600px) {
    :root {
        font-size: 20px;
    }
}