@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/egor/montserrat-variable.ttf') format('truetype');
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

:root {
    --egor-green: #3daf2c;
    --egor-lime: #94d600;
    --egor-navy: #002b49;
    --egor-surface: #ebeef0;
    --egor-sales: #008d9d;
    --egor-finance: #fcc421;
    --egor-management: #f15a24;
    --egor-engineering: #367800;
    --site-font: 'Montserrat', sans-serif;
    --site-primary: var(--egor-navy);
    --theme-primary: var(--egor-navy);
    --site-primary-hover: var(--egor-engineering);
    --site-accent: var(--egor-lime);
    --site-accent-contrast: var(--egor-navy);
    --site-surface: var(--egor-surface);
    --site-footer: var(--egor-green);
    --site-footer-text: #fff;
    --site-footer-button: var(--egor-navy);
    --site-width: 1600px;
    --site-gutter: 32px;
    --site-header-height: 96px;
    --site-subnav-height: 0px;
    --site-login-image: url('/assets/egor/popup/popup.webp');
    --application-primary: var(--egor-navy);
    --application-primary-hover: var(--egor-engineering);
    --application-accent: var(--egor-green);
    --application-surface: var(--egor-surface);
    --dashboard-primary: var(--egor-navy);
    --dashboard-accent: var(--egor-green);
    --dashboard-surface: var(--egor-surface);
    --dashboard-avatar: var(--egor-green);
    --dashboard-width: 1600px;
    --dashboard-heading-spacing: 0;
}

@media (max-width: 768px) {
    :root {
        --site-gutter: 20px;
        --site-header-height: 72px;
    }
}