@font-face { font-family: InterDisplay; font-style: normal; font-weight: 100; font-display: block; src: url("font/InterDisplay-Thin.woff2") format("woff2"); }
@font-face { font-family: InterDisplay; font-style: normal; font-weight: 200; font-display: block; src: url("font/InterDisplay-ExtraLight.woff2") format("woff2"); }
@font-face { font-family: InterDisplay; font-style: normal; font-weight: 300; font-display: block; src: url("font/InterDisplay-Light.woff2") format("woff2"); }
@font-face { font-family: InterDisplay; font-style: normal; font-weight: 400; font-display: block; src: url("font/InterDisplay-Regular.woff2") format("woff2"); }
@font-face { font-family: InterDisplay; font-style: normal; font-weight: 500; font-display: block; src: url("font/InterDisplay-Medium.woff2") format("woff2"); }
@font-face { font-family: InterDisplay; font-style: normal; font-weight: 600; font-display: block; src: url("font/InterDisplay-SemiBold.woff2") format("woff2"); }
@font-face { font-family: InterDisplay; font-style: normal; font-weight: 700; font-display: block; src: url("font/InterDisplay-Bold.woff2") format("woff2"); }
@font-face { font-family: InterDisplay; font-style: normal; font-weight: 800; font-display: block; src: url("font/InterDisplay-ExtraBold.woff2") format("woff2"); }
@font-face { font-family: InterDisplay; font-style: normal; font-weight: 900; font-display: block; src: url("font/InterDisplay-Black.woff2") format("woff2"); }

:root {
    font-family: InterDisplay, Helvetica, Arial, sans-serif;
    font-size: 18.01px;  /* workaround macOS wrong aspect ratio */
}

body {
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

button,
input,
select {
    font-family: inherit;
    font-size: smaller;
}

body.light {
    --page-background: white;
    color: black;
}

.light img.company-logo {
    content: url('/logo/propscreen-greyscale.svg');
}

body.dark {
    --page-background: #001a38;
    color: white;
}

body {
    background-color: var(--page-background);
}

.dark img.company-logo {
    content: url('/logo/propscreen-white.svg');
}

.dark a {
    color: inherit;
}