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

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

    --text-sm: clamp(0.90rem, -0.417vw + 1rem, 0.95rem);

    --text-base: 1rem;

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

    --text-xl: clamp(1.5rem, 0.875rem + 0.625vw, 1.625rem);

    --text-2xl: clamp(1.6rem, 0.825rem + 0.8750000000000001vw, 1.875rem);

    --text-3xl: clamp(1.7rem, 0.8rem + 1vw, 2rem);

    --text-4xl: clamp(1.8rem, 0.75rem + 1.25vw, 2.25rem);

    /* colors */
    --link-color: #BA4C2F;
    --theme-black: #343434;

    --theme-red: #BA4C2F;
    --theme-main-blue: #006191;
    --theme-light-blue: #A5C4D4;
    --theme-pink: #FFF3F0;

    --theme-green: #BCD3BD;
    --theme-light-gray: #F7F7F7;
    --theme-medium-gray: #EFEFEF;
    --theme-gray: #CCCCCC;
    --theme-dark-gray: #777777;
    --theme-white: #FFFFFF;


    --theme-darker-main-blue: #4A5C75;
    --theme-darker-green: #30e48a;
    --theme-brown: #3E2119;
    --theme-light-brown: #F4F3EF;
    --theme-gray: #e5e5e5;
    --theme-light-gray: #F9F9F9;
    --theme-mid-gray: #e4e1df;



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

    /* 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: #343434;
    --font-base: 'Montserrat', sans-serif;
    --font-heading:  'Montserrat', 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;

}