@font-face {
    font-family: "Inter";
    src: url("fonts/inter-400-latin.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("fonts/inter-500-latin.woff2") format("woff2");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Inter";
    src: url("fonts/inter-600-latin.woff2") format("woff2");
    font-style: normal;
    font-weight: 600 700;
    font-display: swap;
}

@font-face {
    font-family: "Raleway";
    src: url("fonts/raleway-500-latin.woff2") format("woff2");
    font-style: normal;
    font-weight: 400 500;
    font-display: swap;
}

@font-face {
    font-family: "Raleway";
    src: url("fonts/raleway-600-latin.woff2") format("woff2");
    font-style: normal;
    font-weight: 600 700;
    font-display: swap;
}

:root {
    --sf-color-burgundy-800: #481014;
    --sf-color-burgundy-700: #5a1418;
    --sf-color-burgundy-500: #8a4a55;
    --sf-color-burgundy-100: #f1e5e7;
    --sf-color-sage: #607264;
    --sf-color-text: #2f2a28;
    --sf-color-muted: #6f6864;
    --sf-color-off-white: #f8f8f6;
    --sf-color-surface: #fbfaf8;
    --sf-color-beige: #f2eee8;
    --sf-color-border: #e8e3de;
    --sf-color-cookie-border: #ddd6cf;
    --sf-color-footer: #451014;
    --sf-color-white: #fff;

    --sf-font-heading: "Raleway", sans-serif;
    --sf-font-body: "Inter", sans-serif;
    --sf-page-inline: clamp(1rem, 4vw, 4rem);
    --sf-content-width: 82.5rem;
    --sf-radius-small: 0.375rem;
    --sf-radius-medium: 0.75rem;
    --sf-radius-large: 0.75rem;
    --sf-radius-pill: 999px;
    --sf-touch-target: 2.75rem;
}

.sf-v124-container {
    width: min(calc(100% - (2 * var(--sf-page-inline))), var(--sf-content-width));
    margin-inline: auto;
}