:root {
  /* Primary */
  --brand-navy: rgb(0% 15.7% 34.1%);
  --brand-red: rgb(39.2% 12.2% 27.1%);
  /* Neutral */
  --neutral-0: rgba(255, 255, 255, 1);
  --neutral-25: rgba(253, 251, 248, 1);
  --neutral-50: rgba(252, 249, 243, 1);
  --neutral-100: rgba(248, 240, 223, 1);
  --neutral-150: rgba(232, 215, 186, 1);
  --neutral-300: rgba(172, 160, 158, 1);
  --neutral-400: rgba(113, 102, 100, 1);
  --neutral-600: rgba(52, 53, 63, 1);
  --neutral-800: rgba(18, 20, 44, 1);
  /* Blue */
  --blue-100: rgba(235, 251, 255, 1);
  --blue-110: rgba(234, 244, 246, 1);
  --blue-200: rgba(186, 217, 225, 1);
  --blue-300: rgba(88, 189, 249, 1);
  --blue-400: rgba(103, 159, 213, 1);
  --blue-600: rgba(10, 114, 186, 1);
  --blue-800: rgba(7, 93, 152, 1);
  /* Red */
  --red-800: rgba(68, 10, 52, 1);
  /* Orange */
  --orange-200: rgba(241, 197, 134, 1);
  --orange-400: rgba(249, 164, 88, 1);
  --orange-800: rgba(245, 127, 38, 1);
  /* Green */
  --green-200: rgba(190, 227, 220, 1);
  --green-400: rgba(89, 194, 173, 1);
  --green-600: rgba(0, 172, 137, 1);
  --green-800: rgba(0, 128, 102, 1);
  /* Yellow */
  --yellow-100: rgba(255, 246, 232, 1);
  --yellow-200: rgba(255, 228, 184, 1);
  --yellow-400: rgba(255, 207, 133, 1);
  --yellow-600: rgba(253, 184, 49, 1);
  /* Purple */
  --purple-100: rgba(249, 229, 250, 1);
  --purple-200: rgba(221, 200, 222, 1);
  --purple-400: rgba(131, 99, 170, 1);
  --purple-600: rgba(84, 46, 142, 1);
  --purple-800: rgba(50, 17, 101, 1);

  --MAW-bright: #ff9126;
  --MAW-deep-blue: #1a1266;
  --MAW-teal: #006955;

  --aspen-cranberry: #641f45;

  /* Grey */
  --Astriata-Dark-Grey: #3e3e3e;

  --deep-gradient: linear-gradient(94deg, #641f45 1.15%, #542e8e 103.94%);
  --vivid-gradient: linear-gradient(
    90deg,
    #d9630b 3.61%,
    #a71d69 73.01%,
    #641f45 100%
  );
  --blackberry-gradient: linear-gradient(
      100deg,
      rgba(245, 127, 38, 0) 35.18%,
      rgba(249, 164, 88, 0.22) 87.5%
    ),
    linear-gradient(0deg, #110737 0%, #110737 100%);
  --Main-Site-Cranberry-Gradient: linear-gradient(
    99deg,
    #320b2f 15.63%,
    #641f45 86.16%
  );
  --Main-Site-Green-Gradient: linear-gradient(
      100deg,
      rgba(89, 194, 173, 0) 35.18%,
      var(--Green-400, rgba(89, 194, 173, 0.22)) 87.5%
    ),
    linear-gradient(99deg, #072548 15.63%, #051d33 86.16%);
  --Main-Site-Blackberry-Gradient: linear-gradient(
      100deg,
      rgba(245, 127, 38, 0) 35.18%,
      rgba(249, 164, 88, 0.22) 87.5%
    ),
    linear-gradient(0deg, #3e1604 0%, #3e1604 100%);
  --Main-Site-Purple-Gradient: linear-gradient(
      100deg,
      rgba(89, 194, 173, 0) 35.18%,
      var(--Green-400, rgba(89, 194, 173, 0.22)) 87.5%
    ),
    linear-gradient(99deg, #35044b 15.63%, #6f0a5d 86.16%);
  --Main-Site-Blue-Gradient: linear-gradient(
    279deg,
    #1b5ea5 2.03%,
    #01244e 86.99%
  );
  --Main-Site-Pink-Gradient: linear-gradient(
    99deg,
    #40093b 15.63%,
    #770e48 86.16%
  );
  --Main-Site-Red-Gradient: linear-gradient(
    111deg,
    #400415 22.83%,
    #840404 95.77%
  );
  --Main-Site-Deep-Gradient: linear-gradient(
    94deg,
    #641f45 1.15%,
    #542e8e 103.94%
  );
  --Foundation-Foundation-Blue: linear-gradient(
    99deg,
    #0a72ba 15.63%,
    #084a77 86.16%
  );
  --Foundation-Foundation-Green: #084a77;
  --MAW-MAW-Gradient-3: linear-gradient(270deg, #542e91 0%, #641f45 100%);
  --maw-h1-gradient: linear-gradient(270deg, #1a1266 0%, #ff9126 100%);
  --Main-Site-Vivid-Gradient: linear-gradient(
    90deg,
    #d9630b 3.61%,
    #a71d69 73.01%,
    #641f45 100%
  );

  --foundation-green-gradient: linear-gradient(
    99deg,
    #084a77 15.63%,
    #008066 86.16%
  );
  --foundation-blue-gradient: linear-gradient(
    99deg,
    #0a72ba 15.63%,
    #084a77 86.16%
  );
  --foundation-vibrant-gradient: linear-gradient(
    99deg,
    #59c2ad 15.63%,
    #58bdf9 86.16%
  );

  --dm-sans: "dm-sans";
  --franklin: "franklin-gothic-atf";
  --content-width: 1440px;

  --Object-Spacing-spacing-4: 4px;
  @media screen and (max-width: 1024px) {
    --Object-Spacing-spacing-4: 3px;
  }
  @media screen and (max-width: 743px) {
    --Object-Spacing-spacing-4: 2px;
  }

  --Object-Spacing-spacing-8: 8px;
  @media screen and (max-width: 1024px) {
    --Object-Spacing-spacing-8: 6px;
  }
  @media screen and (max-width: 743px) {
    --Object-Spacing-spacing-8: 4px;
  }

  --Object-Spacing-spacing-12: 12px;
  @media screen and (max-width: 1024px) {
    --Object-Spacing-spacing-12: 8px;
  }
  @media screen and (max-width: 743px) {
    --Object-Spacing-spacing-12: 6px;
  }

  --Object-Spacing-spacing-16: 16px;
  @media screen and (max-width: 1024px) {
    --Object-Spacing-spacing-16: 12px;
  }
  @media screen and (max-width: 743px) {
    --Object-Spacing-spacing-16: 8px;
  }

  --Object-Spacing-spacing-24: 24px;
  @media screen and (max-width: 1024px) {
    --Object-Spacing-spacing-24: 16px;
  }
  @media screen and (max-width: 743px) {
    --Object-Spacing-spacing-24: 12px;
  }

  --Object-Spacing-spacing-32: 32px;
  @media screen and (max-width: 1024px) {
    --Object-Spacing-spacing-32: 24px;
  }
  @media screen and (max-width: 743px) {
    --Object-Spacing-spacing-32: 16px;
  }

  --Object-Spacing-spacing-40: 40px;
  @media screen and (max-width: 1024px) {
    --Object-Spacing-spacing-40: 32px;
  }
  @media screen and (max-width: 743px) {
    --Object-Spacing-spacing-40: 24px;
  }

  --Object-Spacing-spacing-48: 48px;
  @media screen and (max-width: 1024px) {
    --Object-Spacing-spacing-48: 36px;
  }
  @media screen and (max-width: 743px) {
    --Object-Spacing-spacing-48: 28px;
  }

  --object-spacing-48: 48px;

  --Object-Spacing-spacing-80: 80px;
  @media screen and (max-width: 1024px) {
    --Object-Spacing-spacing-80: 60px;
  }
  @media screen and (max-width: 743px) {
    --Object-Spacing-spacing-80: 40px;
  }

  --Object-Spacing-spacing-60: 60px;
  @media screen and (max-width: 1024px) {
    --Object-Spacing-spacing-60: 40px;
  }
  @media screen and (max-width: 743px) {
    --Object-Spacing-spacing-60: 32px;
  }

  --Object-Spacing-spacing-120: 120px;
  @media screen and (max-width: 1024px) {
    --Object-Spacing-spacing-120: 80px;
  }
  @media screen and (max-width: 743px) {
    --Object-Spacing-spacing-120: 60px;
  }

  --Structure-Spacing-corner-radius-small: 6px;
  --Structure-Spacing-corner-radius-large: 12px;

  --Structure-Spacing-column-gap: 30px;
  @media screen and (max-width: 1024px) {
    --Structure-Spacing-column-gap: 25px;
  }
  @media screen and (max-width: 743px) {
    --Structure-Spacing-column-gap: 20px;
  }

  --Structure-Spacing-margin-section-top: 90px;
  @media screen and (max-width: 1024px) {
    --Structure-Spacing-margin-section-top: 60px;
  }
  @media screen and (max-width: 743px) {
    --Structure-Spacing-margin-section-top: 40px;
  }

  --Structure-Spacing-margin-section-bottom: 90px;
  @media screen and (max-width: 1024px) {
    --Structure-Spacing-margin-section-bottom: 60px;
  }
  @media screen and (max-width: 743px) {
    --Structure-Spacing-margin-section-bottom: 40px;
  }

  --Structure-Spacing-margin-side-standard: calc((100% - 1340px) / 2);
  @media screen and (max-width: 1443px) {
    --Structure-Spacing-margin-side-standard: 50px;
  }
  @media screen and (max-width: 1024px) {
    --Structure-Spacing-margin-side-standard: 50px;
  }
  @media screen and (max-width: 743px) {
    --Structure-Spacing-margin-side-standard: 40px;
  }

  --Structure-Spacing-max-text-width: 1014px;
  @media screen and (max-width: 1024px) {
    --Structure-Spacing-max-text-width: 644px;
  }
  @media screen and (max-width: 743px) {
    /*--Structure-Spacing-max-text-width: 295px;*/
    --Structure-Spacing-max-text-width: 100%;
  }

  --Structure-Spacing-margin-side-narrow: 95px;
  @media screen and (max-width: 743px) {
    --Structure-Spacing-margin-side-narrow: 40px;
  }

  --components-ct-as-xl-callout: 28px;

  --components-ct-as-button-text: 11px;
  @media screen and (max-width: 1024px) {
    --components-ct-as-button-text: 10.5px;
  }
  @media screen and (max-width: 743px) {
    --components-ct-as-button-text: 10px;
  }

  --components-ct-as-card-title: 20px;
  @media screen and (max-width: 1024px) {
    --components-ct-as-card-title: 18px;
  }
  @media screen and (max-width: 743px) {
    --components-ct-as-card-title: 16px;
  }

  --components-ct-as-card-cta: 16px;
  @media screen and (max-width: 743px) {
    --components-ct-as-card-cta: 13px;
  }

  --components-ct-as-toggle-title: 13px;
  @media screen and (max-width: 1024px) {
    --components-ct-as-toggle-title: 12px;
  }
  @media screen and (max-width: 743px) {
    --components-ct-as-toggle-title: 11px;
  }

  --components-ct-as-label: 10px;
  @media screen and (max-width: 1024px) {
    --components-ct-as-label: 9px;
  }
  @media screen and (max-width: 743px) {
    --components-ct-as-label: 8px;
  }

  --navigation-nav-utility-button: 12px;

  --Headings-h4: 14px;
  @media screen and (max-width: 1024px) {
    --Headings-h4: 13px;
  }
  @media screen and (max-width: 743px) {
    --Headings-h4: 12px;
  }

  --Headings-h3: 22px;
  @media screen and (max-width: 743px) {
    --Headings-h3: 18px;
  }

  --Headings-h2: 32px;
  @media screen and (max-width: 1024px) {
    --Headings-h2: 28px;
  }
  @media screen and (max-width: 743px) {
    --Headings-h2: 22px;
  }

  --Headings-h1: 50px;
  @media screen and (max-width: 1024px) {
    --Headings-h1: 40px;
  }
  @media screen and (max-width: 743px) {
    --Headings-h1: 24px;
  }

  --Body-Text-p-large: 19px;
  @media screen and (max-width: 1024px) {
    --Body-Text-p-large: 16px;
  }
  @media screen and (max-width: 743px) {
    --Body-Text-p-large: 14px;
  }
  --components-ct-as-block-title: 17px;
  --Body-Text-p-standard: 17px;
  @media screen and (max-width: 1024px) {
    --Body-Text-p-standard: 16px;
  }
  @media screen and (max-width: 743px) {
    --Body-Text-p-standard: 14px;
  }

  --Body-Text-p-small: 14px;
  @media screen and (max-width: 1024px) {
    --Body-Text-p-small: 13px;
  }
  @media screen and (max-width: 743px) {
    --Body-Text-p-small: 12px;
  }

  --Body-Text-p-extra-small: 11px;
  --Navigation-nav-main-item: 15.5px;
  --Navigation-nav-dropdown: 16px;
}