@font-face {
    font-family: "Lexend Deca";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("/assets/fonts/landing/lexend-deca-light.ttf") format("truetype");
}

@font-face {
    font-family: "Lexend Deca";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/assets/fonts/landing/lexend-deca-regular.ttf") format("truetype");
}

@font-face {
    font-family: "Merriweather";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("/assets/fonts/landing/merriweather-light.ttf") format("truetype");
}

@font-face {
    font-family: "Noticia Text";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/assets/fonts/landing/noticia-text-regular.ttf") format("truetype");
}

:root {
    --color-neutral-day: #f2ebdd;
    --color-crimson-night: #4c0000;
    --color-dark-shadow: #282725;
    --color-image-background: #000000;
    --color-skin: #d8c8b4;
    --color-light-skin: #aa9175;
    --color-light-shadow: #827a71;
    --color-page-background: var(--color-dark-shadow);
    --color-signup-band-background: var(--color-crimson-night);
    --color-page-copy: var(--color-neutral-day);
    --color-page-accent: var(--color-skin);
    --color-page-muted-copy: var(--color-skin);
    --color-page-border: color-mix(in srgb, var(--color-neutral-day) 28%, transparent);
    --opacity-landing-image: 0.6;
    --font-interface: "Lexend Deca", sans-serif;
    --font-heading: "Merriweather", Georgia, serif;
    --font-editorial: "Noticia Text", Georgia, serif;
    --landing-page-gutter: clamp(1rem, 2.2vw, 2.5rem);
    --landing-content-width: 46rem;
    --landing-center-image-width: calc(45.1613vw - 2.71px);
}