:root {
    /* font sizing */
    --size-fonts-base: 1rem;

    --text-xs: clamp(0.625rem, -0.8333vw + 1rem, 0.75rem);

    --text-sm: clamp(0.75rem, -0.417vw + 1rem, 0.875rem);

    --text-base: 1rem;

    --text-lg: clamp(1.125rem, 0.417vw + 1rem, 1.25rem);

    --text-xl: clamp(1.25rem, 1.1875rem + 0.25vw, 1.375rem);

    --text-2xl: clamp(1.375rem, 1.25rem + 0.5vw, 1.625rem);

    --text-3xl: clamp(1.625rem, 1.4375rem + 0.75vw, 2rem);

    --text-4xl: clamp(1.875rem, 1.6875rem + 0.75vw, 2.25rem);

    /* colors */
    --link-color: #F04E53;

    --oiva-red: #F04E53;
    --oiva-brown: #3E2119;
    --oiva-light-brown: #F4F3EF;
    --oiva-gray: #F5F5F5;
    --oiva-light-gray: #F9F9F9;
    --oiva-mid-gray: #e4e1df;



    /* container maxwidths */
    --maxw-full: 100%;
    --maxw-xlarge: 1400px;
    --maxw-large: 1300px;
    --maxw-medium: 1020px;
    --maxw-small: 800px; 

    /* blocks spacing */
    --spacing-default-x: 1rem;
    --spacing-default: 2rem;
    --spacing-small: 1rem;
    --spacing-medium: 2rem;
    --spacing-large: 3rem;
    --spacing-xlarge: 5rem;
    --spacing-mobile: calc(var(--spacing-default) * 0.75);

    /* fonts */
    --font-base-color: #3E2119;
    --font-base: 'dm-sans', sans-serif;
    --font-heading: 'proxima-soft-condensed', sans-serif;

    /* image mask */
    --image-mask-top-margin: -9rem;
    --image-mask-bottom-margin: -14rem;
    --image-mask-top-margin-mobile: -5.5rem;
    --image-mask-bottom-margin-mobile: -8rem;

}