@font-face {
    font-family: "Montserrat";
    src: url("../fonts/montserrat-variable-400-900-v1.woff2") format("woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 400 900;
}

:root {
    --color-primary: #13394f;
    --color-secondary: #21485b;
    --color-accent: #11b898;
    --color-white: #ffffff;
    --color-text: #13394f;
    --color-text-muted: #526b76;
    --color-text-inverse: #ffffff;
    --color-background: #ffffff;
    --color-background-soft: #f5f8f9;
    --color-background-dark: #13394f;
    --color-border: #dce5e8;
    --color-success: #08745e;
    --color-error: #b42318;
    --color-warning: #b54708;
    --color-accent-soft: #dcf7f1;
    --color-blue-soft: #e8f0f3;
    --color-overlay: rgba(8, 39, 57, 0.78);

    --font-sans: "Montserrat", Arial, sans-serif;

    --step--1: clamp(0.82rem, 0.8rem + 0.1vw, 0.9rem);
    --step-0: clamp(1rem, 0.96rem + 0.2vw, 1.1rem);
    --step-1: clamp(1.2rem, 1.11rem + 0.43vw, 1.45rem);
    --step-2: clamp(1.5rem, 1.35rem + 0.73vw, 1.95rem);
    --step-3: clamp(1.9rem, 1.63rem + 1.35vw, 2.75rem);
    --step-4: clamp(2.4rem, 1.91rem + 2.45vw, 3.9rem);
    --step-5: clamp(3rem, 2.24rem + 3.8vw, 5.35rem);

    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;
    --space-8: 4rem;
    --space-9: 6rem;
    --space-10: 8rem;

    --radius-sm: 0.75rem;
    --radius-md: 1.125rem;
    --radius-lg: 1.75rem;
    --radius-round: 999px;

    --shadow-soft: 0 1.25rem 3.75rem rgba(19, 57, 79, 0.1);
    --shadow-card: 0 0.75rem 2.25rem rgba(19, 57, 79, 0.08);

    --container: 75rem;
    --container-narrow: 48rem;
    --header-height: 5rem;
    --transition: 180ms ease;
}