@font-face {
    font-family: 'Titillium Web';
    font-weight: 400;
    font-style: normal;
    src: url('/static/fonts/titillium-web-v17-latin-regular.woff2') format('woff2'),
         url('/static/fonts/titillium-web-v17-latin-regular.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Titillium Web';
    font-weight: 700;
    font-style: normal;
    src: url('/static/fonts/titillium-web-v17-latin-700.woff2') format('woff2'),
         url('/static/fonts/titillium-web-v17-latin-700.woff') format('woff');
    font-display: swap;
}

* {
    box-sizing: border-box;
}

:root {
    font-family: "Titillium Web", "Times New Roman", sans-serif;
    font-size: 16px;
    box-sizing: border-box;
    --content-width: 1400px;
    --fiolet: #bc8cff;
    --site-green: #7ee787;
    --task-color: #52FEFE;
    --line-color: rgba(126, 231, 135, 0.6);
    --card-color: #0e0c28;
    --bg-page: #0e0c28;
    --surface-1: #1a183a;
    --surface-2: #252345;
    --surface-3: #140f2d;
    --surface-4: #100f29;
    --text-primary: #ffffff;
    --text-secondary: rgba(255, 255, 255, 0.82);
    --text-muted: #b9b6d4;
    --accent: #7ee787;
    --accent-contrast: #0e0c28;
    --border-soft: rgba(255, 255, 255, 0.08);
    --border-strong: rgba(255, 255, 255, 0.16);
    --shadow-color: rgba(0, 0, 0, 0.28);
    --shadow-color-strong: rgba(0, 0, 0, 0.5);
    --header-control-bg: rgba(255, 255, 255, 0.06);
    --header-control-bg-hover: rgba(255, 255, 255, 0.14);
    --header-control-border: rgba(255, 255, 255, 0.14);
}

body {
    margin: 0;
    padding: 0;
    background: var(--bg-page);
}

body.menu-open {
    pointer-events: none;
}

body.menu-open header {
    pointer-events: auto;
}

body.menu-open .main-menu,
body.menu-open .hamburger-menu {
    pointer-events: auto;
}

.site-logo {
    display: block;
    width: auto;
    height: auto;
    flex-shrink: 0;
    --logo-accent: #3ece4a;
    --logo-wordmark: #fffbfb;
}

.site-logo__mark {
    fill: var(--logo-accent);
}

.site-logo__wordmark {
    fill: var(--logo-wordmark);
}