/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --comp-base-text-desktop-header1: 52px/57px 'Area Variable', Lato, Helvetica, Arial, sans-serif;
  --comp-base-text-desktop-header2: 40px/45px 'Area Variable', Lato, Helvetica, Arial, sans-serif;
  --comp-base-text-desktop-header3: 32px/37px 'Area Variable', Lato, Helvetica, Arial, sans-serif;
  --comp-base-text-desktop-header4: 24px/29px 'Area Variable', Lato, Helvetica, Arial, sans-serif;
  --comp-base-text-desktop-header5: 20px/25px 'Area Variable', Lato, Helvetica, Arial, sans-serif;
  --comp-base-text-mobile-header1: 40px/45px 'Area Variable', Lato, Helvetica, Arial, sans-serif;
  --comp-base-text-mobile-header2: 32px/37px 'Area Variable', Lato, Helvetica, Arial, sans-serif;
  --comp-base-text-mobile-header3: 24px/29px 'Area Variable', Lato, Helvetica, Arial, sans-serif;
  --comp-base-text-mobile-header4: 20px/25px 'Area Variable', Lato, Helvetica, Arial, sans-serif;
  --comp-base-text-mobile-header5: 18px/23px 'Area Variable', Lato, Helvetica, Arial, sans-serif;
  --comp-base-text-header6: 16px/21px 'Area Variable', Lato, Helvetica, Arial, sans-serif;
  --comp-base-text-text1: 500 18px/23px 'Area Variable', Lato, Helvetica, Arial, sans-serif;
  --comp-base-text-text2: 500 16px/21px 'Area Variable', Lato, Helvetica, Arial, sans-serif;
  --comp-base-text-text3: 500 14px/19px 'Area Variable', Lato, Helvetica, Arial, sans-serif;
  --comp-base-text-text4: 500 12px/17px 'Area Variable', Lato, Helvetica, Arial, sans-serif;
  --comp-base-text-text5: 500 10px/15px 'Area Variable', Lato, Helvetica, Arial, sans-serif;
  --comp-base-text-font-case: uppercase;
  --comp-base-font-family-decorative: 'Loretta VF', 'Playfair Display', Georgia, serif;
  --comp-base-font-family-default: 'Area Variable', Lato, Helvetica, Arial, sans-serif;
  --comp-base-font-weight-regular: 500;
  --comp-base-font-weight-strong: 700;
  --comp-base-letter-spacing-regular: 0.01em;
  --comp-base-letter-spacing-wide: 0.04em;
  --comp-base-color-gray-50: #f5f5f5;
  --comp-base-color-gray-100: #e9e9e9;
  --comp-base-color-gray-200: #d9d9d9;
  --comp-base-color-gray-300: #c4c4c4;
  --comp-base-color-gray-600: #555555;
  --comp-base-color-gray-700: #434343;
  --comp-base-color-gray-800: #262626;
  --comp-base-color-gray-900: #000000;
  --comp-base-color-utility-info: #086ee0;
  --comp-base-color-utility-danger: #df3030;
  --comp-base-color-utility-success: #058942;
  --comp-base-color-on-light-default: #000000;
  --comp-base-color-on-light-lighter: #262626;
  --comp-base-color-on-light-lightest: #434343;
  --comp-base-color-on-dark-default: #ffffff;
  --comp-base-color-on-dark-darker: #f5f5f5;
  --comp-base-color-on-dark-darkest: #e9e9e9;
  --comp-base-color-brand-primary-on-light-default: #52297e;
  --comp-base-color-brand-primary-on-light-lighter: #6e3290;
  --comp-base-color-brand-primary-on-light-lightest: #7e3799;
  --comp-base-color-brand-primary-on-dark-default: #f3e7f4;
  --comp-base-color-brand-primary-on-dark-darker: #e1c3e5;
  --comp-base-color-brand-primary-on-dark-darkest: #ce9cd5;
  --comp-base-color-brand-secondary-on-light-default: #21571d;
  --comp-base-color-brand-secondary-on-light-lighter: #34752e;
  --comp-base-color-brand-secondary-on-light-lightest: #3e8637;
  --comp-base-color-brand-secondary-on-dark-default: #e8f4e8;
  --comp-base-color-brand-secondary-on-dark-darker: #c8e3c6;
  --comp-base-color-brand-secondary-on-dark-darkest: #a6d1a3;
  --comp-base-color-brand-accent-default: #21571d;
  --comp-base-color-brand-accent-darker: #21571d;
  --comp-base-color-brand-accent-lighter: #3e8637;
  --comp-base-color-brand-bg-purple: #f4f2f7;
  --comp-base-color-brand-bg-warm-gray: #fbf6f3;
  --comp-base-color-brand-bg-gray: #fafafa;
  --comp-base-color-brand-bg-beige: #fff2e1;
}