:root {
  --font-family-base: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --typography-accent-font-size: 72px;
  --typography-accent-line-height: 1;
  --typography-accent-letter-spacing: -0.01em;
  --typography-accent-font-weight: 400;

  --typography-h1-font-size: 48px;
  --typography-h1-line-height: 1.05;
  --typography-h1-letter-spacing: -0.01em;
  --typography-h1-font-weight: 400;

  --typography-h2-font-size: 36px;
  --typography-h2-line-height: 1.05;
  --typography-h2-letter-spacing: -0.01em;
  --typography-h2-font-weight: 400;

  --typography-h3-font-size: 24px;
  --typography-h3-line-height: 1.1;
  --typography-h3-letter-spacing: 0;
  --typography-h3-font-weight: 400;

  --typography-h4-font-size: 20px;
  --typography-h4-line-height: 1.1;
  --typography-h4-letter-spacing: 0;
  --typography-h4-font-weight: 400;

  --typography-h5-font-size: 18px;
  --typography-h5-line-height: 1.1;
  --typography-h5-letter-spacing: 0;
  --typography-h5-font-weight: 500;

  --typography-h6-font-size: 14px;
  --typography-h6-line-height: 1.1;
  --typography-h6-letter-spacing: 0;
  --typography-h6-font-weight: 500;

  --typography-text-l-font-size: 18px;
  --typography-text-l-line-height: 1.2;
  --typography-text-l-letter-spacing: 0;
  --typography-text-l-font-weight: 400;

  --typography-text-m-font-size: 16px;
  --typography-text-m-line-height: 1.2;
  --typography-text-m-letter-spacing: 0;
  --typography-text-m-font-weight: 400;

  --typography-text-s-font-size: 14px;
  --typography-text-s-line-height: 1.2;
  --typography-text-s-letter-spacing: 0;
  --typography-text-s-font-weight: 400;

  --typography-caption-font-size: 12px;
  --typography-caption-line-height: 1.2;
  --typography-caption-letter-spacing: 0;
  --typography-caption-font-weight: 400;

  --typography-button-l-font-size: 16px;
  --typography-button-l-line-height: 1.2;
  --typography-button-l-letter-spacing: 0;
  --typography-button-l-font-weight: 400;

  --typography-button-m-font-size: 14px;
  --typography-button-m-line-height: 1.2;
  --typography-button-m-letter-spacing: 0;
  --typography-button-m-font-weight: 400;

  --color-background-deep-blue: #000B33;
  --color-background-grey: #526778;
  --color-background-blue: #BEC9E3;
  --color-background-red: #D7242A;
  --color-background-blue-sky: #BFD7FF;
  --color-background-light-mint: #E1F6F5;
  --color-background-light-purple: #EFEBF7;
  --color-background-light-pink: #F7EEE9;
  --color-background-light-green: #E3F6EF;
  --color-background-light-blue: #ECF3FF;
  --color-background-light-beige: #F3F0EE;
  --color-background-light-grey: #F7FBFF;
  --color-background-white: #FFFFFF;

  --color-text-deep-blue: #000B33;
  --color-text-grey: #526778;
  --color-text-grey-2: #7A8791;
  --color-text-blue: #BEC9E3;
  --color-text-light-blue: #E7F0FF;
  --color-text-light-grey: #F7FBFF;
  --color-text-red: #D7242A;
  --color-text-white: #FFFFFF;

  --color-icon-deep-blue: #000B33;
  --color-icon-grey: #526778;
  --color-icon-grey-2: #7A8791;
  --color-icon-blue: #BEC9E3;
  --color-icon-light-blue: #EFF5FF;
  --color-icon-light-grey: #F7FBFF;
  --color-icon-white: #FFFFFF;
  --color-icon-red: #D7242A;
  --color-icon-green: #3CD39F;
  --color-icon-purple: #886ADC;
  --color-icon-beige: #BA9F8D;
  --color-icon-mint: #00CDC6;
  --color-icon-pink: #E76EB3;

  --color-stroke-deep-blue: #000B33;
  --color-stroke-blue: #BEC9E3;
  --color-stroke-light-blue: #ECF3FF;
  --color-stroke-light-grey: #F7FBFF;
  --color-stroke-white: #FFFFFF;
  --color-stroke-red: #D7242A;
  --color-stroke-pink: #F1DBDC;

  --color-opacity-white-70: #FFFFFFB2;
  --color-opacity-white-10: #FFFFFF1A;
  --color-opacity-grey-20: #52677833;

  /* Gradient angles are web approximations of Figma paint styles; stop colors are exact. */
  --gradient-linear-1: linear-gradient(135deg, #EFD5D3 0%, #A1BEF0 32.2%, #3D55BC 100%);
  --gradient-linear-2: linear-gradient(180deg, #97B6EB 0%, #E7F0FF 50%, #F2F7FF 100%);
  --gradient-linear-3: linear-gradient(135deg, #FFEAE000 0%, #FFEAE0 100%), linear-gradient(135deg, #70A1ED 0%, #A7C2E9 48%, #FFEAE0 100%);
  --gradient-linear-4: linear-gradient(135deg, #E7F0FF 0%, #6A85D3 50%, #3D55BC 100%);
  --gradient-linear-5: radial-gradient(circle, #FFEAE0 0%, #FFEAE000 100%), radial-gradient(circle, #FFEAE0 0%, #FFEAE000 100%), linear-gradient(135deg, #FFFFFF 0%, #E7F0FF 20%, #6A85D3 50%, #3D55BC 100%);
  --gradient-linear-6: linear-gradient(180deg, #FFFFFF00 0%, #FFFFFF 100%);
  --gradient-linear-7: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF00 100%);
  --gradient-radial-1: radial-gradient(circle, #BEC9E3 0%, #F7FBFF 100%);
  --gradient-radial-2: radial-gradient(circle, #BED2F5 0%, #E7F0FF 100%);
  --gradient-radial-3: radial-gradient(circle, #3D55BC 27.5%, #A7C2E9 72.6%, #FFEAE0 100%);

  --effect-drop-shadow: 0 10px 26px 0 #4C6DA624;
  --effect-drop-shadow-2: 0 8px 32px 0 #3D55BC33;
  --effect-inner-shadow: inset 0 0 16px 0 #BEC9E3;
  --effect-inner-shadow-2: inset 0 0 16px 0 #FFFFFF;
  --effect-background-blur: 12px;
}