/* stylelint-disable declaration-block-no-duplicate-custom-properties */

/* Template styles */
@import url('/styles/default.css');
@import url('/styles/brandkit.css');

/* stylelint-disable custom-property-pattern */

/*
 * Copyright 2020 Adobe. All rights reserved.
 * This file is licensed to you under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License. You may obtain a copy
 * of the License at http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
 * OF ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 */

:root {
  --lib-core--color-primary: #3d46ea;
  --lib-core--color-on-primary: #fff;
  --lib-core--color-primary-container: #e0e0ff;
  --lib-core--color-on-primary-container: #00006e;
  --lib-core--color-secondary: #0060a8;
  --lib-core--color-on-secondary: #fff;
  --lib-core--color-secondary-container: #d3e4ff;
  --lib-core--color-on-secondary-container: #001c38;
  --lib-core--color-background: #fffbff;
  --lib-core--color-on-background: #1b1b1f;
  --lib-core--color-surface: var(--migraine-core-secondary-ivory);
  --lib-core--color-surface-variant: #e4e1ec;
  --lib-core--color-on-surface: #1b1b1f;
  --lib-core--color-on-surface-variant: #46464f;
  --lib-core--color-system-surface-surface-1: #f2effc;
  --lib-core--color-system-surface-surface-2: #edeafb;
  --lib-core--color-system-surface-surface-3: #e7e4fb;
  --lib-core--color-system-surface-surface-5: #e1dffa;
  --lib-core--color-outline: #777680;
  --lib-core--color-outline-variant: #c7c5d0;
  --lib-core--color-utility-error-error: #ba1a1a;
  --lib-core--color-utility-warning-warning: #77591a;
  --lib-core--color-utility-success-success: #2e6b3d;
  --lib-core--color-system-white: #fff;
  --lib-core--color-system-black: #000;
  --lib-core--spacing-1x: 4px;
  --lib-core--spacing-2x: 8px;
  --lib-core--spacing-3x: 12px;
  --lib-core--spacing-4x: 16px;
  --lib-core--spacing-5x: 20px;
  --lib-core--spacing-6x: 24px;
  --lib-core--spacing-7x: 28px;
  --lib-core--spacing-8x: 32px;
  --lib-core--spacing-9x: 36px;
  --lib-core--spacing-10x: 40px;
  --lib-core--spacing-11x: 44px;
  --lib-core--spacing-12x: 48px;
  --lib-core--spacing-13x: 52px;
  --lib-core--spacing-14x: 56px;
  --lib-core--spacing-15x: 60px;
  --lib-core--spacing-16x: 64px;
  --lib-core--spacing-17x: 68px;
  --lib-core--spacing-18x: 72px;
  --lib-core--spacing-19x: 76px;
  --lib-core--spacing-20x: 80px;
  --lib-core--spacing-21x: 84px;
  --lib-core--spacing-22x: 88px;
  --lib-core--spacing-23x: 92px;
  --lib-core--spacing-24x: 96px;
  --lib-core--spacing-half: 2px;
  --lib-core--spacing-smallest: 1px;
  --lib-core--typography-base-unit-font-size: 16px;
  --lib-core--typography-default-font-size: 16px;
  --lib-core--typography-default-line-height: calc(var(--lib-core--typography-default-font-size) * 1.25);
  --lib-core--typography-default-text-decoration: none;
  --lib-core--typography-default-text-weight: 400;
  --lib-core--typography-callout-font-size: 29.6px;
  --lib-core--typography-callout-line-height: calc(var(--lib-core--typography-callout-font-size) * 1);
  --lib-core--typography-callout-text-weight: 500;
  --lib-core--typography-heading-mid-font-size: 20px;
  --lib-core--typography-heading-mid-line-height: calc(var(--lib-core--typography-heading-mid-font-size) * 1.2);
  --lib-core--typography-heading-mid-text-weight: 500;
  --lib-core--typography-smaller-font-size: 16px;
  --lib-core--typography-smaller-line-height: calc(var(--lib-core--typography-smaller-font-size) * 1.25);
  --lib-core--typography-smallest-font-size: 14px;
  --lib-core--typography-smallest-line-height: calc(var(--lib-core--typography-smallest-font-size) * 1.25);
  --lib-core--typography-heading-1-alt-font-size: 64px;
  --lib-core--typography-heading-2-alt-font-size: 56px;
  --lib-core--typography-heading-3-alt-font-size: 48px;
  --lib-core--typography-heading-4-alt-font-size: 36px;
  --lib-core--typography-heading-5-alt-font-size: 32px;
  --lib-core--typography-heading-6-alt-font-size: 24px;
  --lib-core--typography-heading-7-alt-font-size: 20px;
  --lib-core--typography-heading-display-font-size: 64px;
  --lib-core--typography-heading-display-line-height: 120%;
  --lib-core--typography-heading-display-line-height2: 125%;
  --lib-core--typography-heading-display-text-decoration: none;
  --lib-core--typography-heading-display-font-weight: 800;
  --lib-core--typography-heading-headline-font-size: 48px;
  --lib-core--typography-heading-headline-line-height: 120%;
  --lib-core--typography-heading-headline-text-decoration: none;
  --lib-core--typography-heading-headline-font-weight: 800;
  --lib-core--typography-heading-title-font-size: 32px;
  --lib-core--typography-heading-title-line-height: 120%;
  --lib-core--typography-heading-title-text-decoration: none;
  --lib-core--typography-heading-title-font-weight: 700;
  --lib-core--typography-font-body-medium: 400 16px / 1.25 var(--lib-core--font-family-primary);
  --lib-core--typography-font-body-large: 400 20px / 1.25 var(--lib-core--font-family-primary);

  /* colors */
  --link-color: #035fe6;
  --link-hover-color: #136ff6;
  --background-color: none;
  --overlay-background-color: #eee;
  --highlight-background-color: #ccc;
  --text-color: #000;

  /* fonts */
  --body-font-family: 'Barlow', sans-serif;
  --heading-font-family: 'Barlow Condensed', sans-serif;
  --fixed-font-family: 'Barlow', sans-serif;

  /* body sizes */
  --body-font-size-m: 22px;
  --body-font-size-s: 18px;
  --body-font-size-xs: 16px;

  /* heading sizes */
  --heading-font-size-xxl: 48px;
  --heading-font-size-xl: 40px;
  --heading-font-size-l: 32px;
  --heading-font-size-m: 24px;
  --heading-font-size-s: 20px;
  --heading-font-size-xs: 18px;

  /* nav height */
  --nav-height: 105px;

  /* migraine styles */
  --migraine-core-neutrals-black: #000;
  --migraine-core-neutrals-white: #fff;
  --migraine-core-primary-peony: #c47771;
  --migraine-core-primary-sunrise: #fec45c;
  --migraine-core-primary-indigo: #18263b;
  --migraine-core-secondary-ivory: #f5f3e9;
  --migraine-core-secondary-blush: #b7948f;
  --migraine-core-secondary-ash: #767a7c;
  --migraine-core-secondary-cognac: #985854;
  --migraine-core-primary-light-indigo: #416691;
  --migraine-core-utility-cta: #cb7d77;
  --migraine-core-neutrals-black: #000;
  --migraine-core-neutrals-white: #fff;
  --migraine-core-primary-peony: #c47771;
  --migraine-core-primary-sunrise: #fec45c;
  --migraine-core-primary-indigo: #18263b;
  --migraine-core-secondary-ivory: #f5f3e9;
  --migraine-core-secondary-blush: #b7948f;
  --migraine-core-secondary-ash: #767a7c;
  --migraine-core-secondary-cognac: #985854;
  --migraine-core-primary-light-indigo: #416691;
  --migraine-core-utility-cta: #cb7d77;
  --migraine-core-desktop-xl-h1-font-family: 'Barlow Condensed', sans-serif;
  --migraine-core-desktop-xl-h1-font-size: 72px;
  --migraine-core-desktop-xl-h1-font-weight: 300;
  --migraine-core-desktop-xl-h1-line-height: 70px;
  --migraine-core-desktop-xl-h2-font-family: 'Barlow Condensed', sans-serif;
  --migraine-core-desktop-xl-h2-font-size: 75px;
  --migraine-core-desktop-xl-h2-font-weight: 300;
  --migraine-core-desktop-xl-h2-line-height: 75px;
  --migraine-core-desktop-xl-h3-font-family: 'Barlow Condensed', sans-serif;
  --migraine-core-desktop-xl-h3-font-size: 55px;
  --migraine-core-desktop-xl-h3-font-weight: 300;
  --migraine-core-desktop-xl-h3-line-height: 55px;
  --migraine-core-desktop-xl-h4-font-family: 'Barlow Condensed', sans-serif;
  --migraine-core-desktop-xl-h4-font-size: 36px;
  --migraine-core-desktop-xl-h4-font-weight: 300;
  --migraine-core-desktop-xl-h4-line-height: 36px;
  --migraine-core-desktop-xl-h5-font-family: 'Barlow Condensed', sans-serif;
  --migraine-core-desktop-xl-h5-font-size: 18px;
  --migraine-core-desktop-xl-h5-font-weight: 500;
  --migraine-core-desktop-xl-h5-line-height: 28px;
  --migraine-core-desktop-xl-h6-font-family: 'Barlow Condensed', sans-serif;
  --migraine-core-desktop-xl-h6-font-size: 16px;
  --migraine-core-desktop-xl-h6-font-weight: 300;
  --migraine-core-desktop-xl-h6-line-height: 24px;
  --migraine-core-desktop-xl-p-font-family: 'Montserrat', sans-serif;
  --migraine-core-desktop-xl-p-font-size: 16px;
  --migraine-core-desktop-xl-p-font-weight: 500;
  --migraine-core-desktop-xl-p-line-height: 24px;
  --migraine-core-desktop-xl-t7-font-family: 'Montserrat', sans-serif;
  --migraine-core-desktop-xl-t7-font-size: 14px;
  --migraine-core-desktop-xl-t7-font-weight: 500;
  --migraine-core-desktop-xl-t7-line-height: 20px;
  --migraine-core-desktop-xl-t8-font-family: 'Montserrat', sans-serif;
  --migraine-core-desktop-xl-t8-font-size: 12px;
  --migraine-core-desktop-xl-t8-font-weight: 300;
  --migraine-core-desktop-xl-t8-line-height: 16px;
  --migraine-core-mobile-xs-h1-font-family: 'Barlow Condensed', sans-serif;
  --migraine-core-mobile-xs-h1-font-size: 40px;
  --migraine-core-mobile-xs-h1-font-weight: 300;
  --migraine-core-mobile-xs-h1-line-height: 40px;
  --migraine-core-mobile-xs-h2-font-family: 'Barlow Condensed', sans-serif;
  --migraine-core-mobile-xs-h2-font-size: 36px;
  --migraine-core-mobile-xs-h2-font-weight: 300;
  --migraine-core-mobile-xs-h2-line-height: 40px;
  --migraine-core-mobile-xs-h3-font-family: 'Barlow Condensed', sans-serif;
  --migraine-core-mobile-xs-h3-font-size: 24px;
  --migraine-core-mobile-xs-h3-font-weight: 300;
  --migraine-core-mobile-xs-h3-line-height: 24px;
  --migraine-core-mobile-xs-h4-font-family: 'Barlow', sans-serif;
  --migraine-core-mobile-xs-h4-font-size: 20px;
  --migraine-core-mobile-xs-h4-font-weight: 500;
  --migraine-core-mobile-xs-h4-line-height: 28px;
  --migraine-core-mobile-xs-h5-font-family: 'Barlow', sans-serif;
  --migraine-core-mobile-xs-h5-font-size: 18px;
  --migraine-core-mobile-xs-h5-font-weight: 500;
  --migraine-core-mobile-xs-h5-line-height: 28px;
  --migraine-core-mobile-xs-h6-font-family: 'Montserrat', sans-serif;
  --migraine-core-mobile-xs-h6-font-size: 16px;
  --migraine-core-mobile-xs-h6-font-weight: 300;
  --migraine-core-mobile-xs-h6-line-height: 24px;
  --migraine-core-mobile-xs-p-font-family: 'Montserrat', sans-serif;
  --migraine-core-mobile-xs-p-font-size: 16px;
  --migraine-core-mobile-xs-p-font-weight: 500;
  --migraine-core-mobile-xs-p-line-height: 24px;
  --migraine-core-mobile-xs-t7-font-family: 'Montserrat', sans-serif;
  --migraine-core-mobile-xs-t7-font-size: 14px;
  --migraine-core-mobile-xs-t7-font-weight: 500;
  --migraine-core-mobile-xs-t7-line-height: 20px;
  --migraine-core-mobile-xs-t8-font-family: 'Montserrat', sans-serif;
  --migraine-core-mobile-xs-t8-font-size: 12px;
  --migraine-core-mobile-xs-t8-font-weight: 300;
  --migraine-core-mobile-xs-t8-line-height: 16px;
  --line-40: 4px;
  --line-20: 2px;
  --line-10: 1px;
  --spacing-90: 112px;
  --spacing-80: 96px;
  --spacing-70: 80px;
  --spacing-60: 64px;
  --spacing-55: 56px;
  --spacing-50: 32px;
  --spacing-40: 24px;
  --spacing-30: 16px;
  --spacing-20: 8px;
  --spacing-10: 4px;
  --secondary-color: #000;
}

@font-face {
  font-family: 'Barlow Condensed';
  src: url('fonts/Barlow_Condensed/BarlowCondensed-Light.woff2') format('woff2'),
    url('fonts/Barlow_Condensed/BarlowCondensed-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Montserrat;
  src: local('Montserrat Medium'), local('Montserrat-Medium'),
    url('fonts/Montserrat/Montserrat-Medium.woff2') format('woff2'),
    url('fonts/Montserrat/Montserrat-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}

body {
  font-family: 'Barlow Condensed', Arial, Helvetica, sans-serif;
}

p {
  font-family: Montserrat, Arial, Helvetica, sans-serif;
}
