@font-face {
    font-family: 'TT Hoves';
    src: url('/brand/tt-hoves-regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'TT Hoves';
    src: url('/brand/tt-hoves-bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}
:root {
    color-scheme: light;
    --desktop-support-color: #1a2a34;
    --desktop-support-muted: #596168;
    --desktop-support-border: #d9dde1;
    --desktop-support-link: #2463a6;
    --desktop-support-background: #ffffff;
    --desktop-support-surface: #f3f5f7;
    --desktop-support-ended-background: #eef0ed;
    --desktop-support-ended-hover: #e4e7e1;
    --desktop-support-development-background: #f5f2ff;
    --desktop-support-development-hover: #e9e4fb;
    --desktop-support-projection-label: #6252a5;
}
:root[data-theme="dark"] {
    color-scheme: dark;
    --desktop-support-color: #e7eaee;
    --desktop-support-muted: #b2bbc6;
    --desktop-support-border: #47515e;
    --desktop-support-link: #93c5fd;
    --desktop-support-background: #20262e;
    --desktop-support-surface: #2c3440;
    --desktop-support-ended-background: #343b43;
    --desktop-support-ended-hover: #434b54;
    --desktop-support-development-background: #34304b;
    --desktop-support-development-hover: #433c61;
    --desktop-support-projection-label: #c9c3eb;
}
html, body {
    margin: 0;
    min-width: 0;
    background: var(--desktop-support-background);
    color: var(--desktop-support-color);
    font: 16px/1.5 'TT Hoves', Helvetica, Arial, sans-serif;
}
body { padding: 8px; }
main, [data-desktop-support] { display: block; min-width: 0; }
a { color: var(--desktop-support-link); }