@font-face {
    font-family: Inter;
    src: url('../vendor/inter-0.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Inter;
    src: url('../vendor/inter-1.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Inter;
    src: url('../vendor/inter-2.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Inter;
    src: url('../vendor/inter-3.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

:root {
    --brand-teal: #009794;
    --brand-deep: #005258;
    --brand-mint: #D4E8E0;
    --brand-pale: #E2EEF0;
    --brand-ink: #005258;
    --brand-muted: #005258;
    --brand-paper: #FFFFFF;
    --brand-surface: #D4E8E0;
    --brand-line: #E2EEF0;
    --brand-white: #FFFFFF;
    --font: Inter, Arial, sans-serif;
    --container: 1240px;
    --reading: 760px;
    --gutter: 48px;
    --space-1: 8px;
    --space-2: 16px;
    --space-3: 24px;
    --space-4: 32px;
    --space-5: 48px;
    --space-6: 64px;
    --space-7: 80px;
    --space-8: 96px;
    --radius-control: 6px;
    --radius: 10px;
    --shadow: 0 18px 48px rgba(0, 82, 88, .08);
    --motion: 220ms;
    --ease: cubic-bezier(.2, .7, .3, 1);
}