@font-face {
    font-family: 'BrownLL';
    src: url('/assets/fonts/BrownLL-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BrownLL';
    src: url('/assets/fonts/BrownLL-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BrownLL';
    src: url('/assets/fonts/BrownLL-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BrownLL';
    src: url('/assets/fonts/BrownLL-Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

:root {
    --font-swa-base: 'BrownLL', 'Open Sans', 'Segoe UI', Tahoma, sans-serif;
    --well-blue-3005: #2b75b8;
    --well-blue-7688: #4792cf;
    --well-blue-279: #4e8ac9;
    --well-blue-660: #3479be;
    --well-blue-7684: #2f6aa8;
    --well-gray-425: #585a58;
    --well-surface: #f5f8fb;
    --well-surface-alt: #eef4fa;
    --well-border: #d4e3f2;
}

body {
    font-family: var(--font-swa-base);
    color: var(--well-gray-425);
    background-color: var(--well-surface);
    letter-spacing: -0.01em;
    line-height: 1.5;
}

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

h1,
h2,
h3,
h4,
h5 {
    line-height: 1.1;
    letter-spacing: -0.02em;
}