@font-face {
  font-family: "Playfair Regular";
  font-display: swap;
  src: url("/themes/custom/agileana_redesign/assets/PlayfairDisplay-Regular.woff") format("woff"), url("/themes/custom/agileana_redesign/assets/PlayfairDisplay-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Playfair Medium";
  font-display: swap;
  src: url("/themes/custom/agileana_redesign/assets/PlayfairDisplay-Medium.woff") format("woff"), url("/themes/custom/agileana_redesign/assets/PlayfairDisplay-Medium.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto Regular";
  font-display: swap;
  src: url("/themes/custom/agileana_redesign/assets/Roboto-Regular.woff") format("woff"), url("/themes/custom/agileana_redesign/assets/Roboto-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto Bold";
  font-display: swap;
  src: url("/themes/custom/agileana_redesign/assets/Roboto-Bold.woff") format("woff"), url("/themes/custom/agileana_redesign/assets/Roboto-Bold.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
:root {
  --font-roboto-regular: "Roboto Regular", "Times New Roman", "Times", serif;
  --font-roboto-bold: "Roboto Bold", "Times New Roman", "Times", serif;
  --font-playfair-medium: "Playfair Medium", "Times New Roman", "Times", serif;
  --font-playfair-regular: "Playfair Regular", "Times New Roman", "Times", serif;
  --letter-spacing--md: 2.24px;
  --body-1: 17px;
  --body-2: 14px;
  --body-3: 12px;
  --display: 54px;
  --h1: 55px;
  --h2: 42px;
  --h3: 35px;
  --h4: 29px;
  --h5: 25px;
  --h6: 20px;
  --intro: 22px;
  --sub-heading: 16px;
  --menu-link: 20px;
  --blue-lighter: #005DB2;
  --blue-light: #004280;
  --blue-default: #00284D;
  --blue-dark: #001F37;
  --blue-darker: #000E15;
  --gray-darker: #3D4152;
  --gray-dark: #838BA4;
  --gray-default: #BDC1CE;
  --gray-light: #D8DCE4;
  --gray-lighter: #F7F7F9;
  --gold-lighter: #F4DEC6;
  --gold-light: #ECC9A1;
  --gold-default: #DDAC64;
  --gold-dark: #DCA05E;
  --gold-darker: #D38B41;
  --theme-primary: var(--blue-default);
  --theme-primary-light: var(--blue-light);
  --theme-white: white;
  --theme-black: black;
  --theme-neutral-lighter: var(--gray-lighter);
  --theme-neutral-light: var(--gray-light);
  --theme-neutral: var(--gray-default);
  --theme-neutral-dark: var(--gray-dark);
  --theme-neutral-darker: var(--gray-darker);
  --theme-secondary: var(--gold-default);
  --primary-blue-dark: #09121E;
  --primary-blue-medium: #2B5787;
  --primary-blue-light: #E7EEF7;
  --primary-yellow: #E9A821;
  --primary-yellow-light: #FDF8EF;
  --primary-white: #FFF;
  --bluescale-900: #031031;
  --bluescale-800: #1C2846;
  --bluescale-700: #35405A;
  --bluescale-600: #687083;
  --bluescale-500: #818898;
  --bluescale-400: #9A9FAD;
  --bluescale-300: #B3B7C1;
  --bluescale-200: #CDCFD6;
  --bluescale-100: #E6E7EA;
  --bluescale-000: #F4F4F6;
  --success-green: #344E2D;
  --caution-yellow: #EDAE49;
  --error-red: #96031A;
  --site-max-width: 87.5rem;
  --container-padding: 2rem;
  --spacing-xxxs: 2px;
  --spacing-xxs: 16px;
  --spacing-xs: 20px;
  --spacing-sm: 40px;
  --spacing-md: 64px;
  --spacing-lg: 80px;
  --spacing-xl: 100px;
  --spacing-component: 24px;
  --spacing-h: 40px;
  --spacing-v: 56px;
}
@media (min-width: 1200px) {
  :root {
    --display: 100px;
    --h1: 61px;
    --h2: 48px;
    --h3: 39px;
    --h4: 31px ;
  }
}
@media (min-width: 800px) {
  :root {
    --spacing-component: 32px;
    --spacing-h: 56px;
    --spacing-v: 80px;
  }
}