:root {
  --primary-1: rgba(1, 58, 78, 0.1);
  --primary-5: #009ca6;
  --primary-10: #0089b7;
  --primary-15: #006385;
  --primary-20: #155575;
  --primary-30: #083044;
  --primary-40: #27292a;
  --primary-100: #ecf9ff;

  --border-color: #013a4e;

  --neutral-1: #ffffff;
  --neutral-5: #fafafa;
  --neutral-10: #f7f7f7;
  --neutral-20: #e4e6e7;
  --neutral-30: #d4d7d8;
  --neutral-40: #737373;
  --neutral-50: #525252;
  --neutral-60: #171717;
  --neutral-70: #0a0a0a;
  --black: #000000;

  --link-color: #92e3ff;
  --primary-gradient: linear-gradient(
    180deg,
    #006385 -34.76%,
    rgba(0, 99, 133, 0) 100%
  );

  --max-width: calc(4px * 320);
  --top-header: calc(4px * 12);
  --main-header: calc(4px * 26);

  --padding-regular: calc(4px * 13);
  --padding-big: calc(4px * 18);

  --text-size-content: calc(4px * 4); /* 16PX */
  --text-size-subtitles: calc(4px * 5); /* 20PX */
  --text-size-title: calc(4px * 5.5); /* 22PX */
  --text-size-leads: calc(4px * 6); /* 24PX*/
  --text-size-subheading: calc(4px * 8); /* 32PX */
  --text-size-headings: calc(4px * 9); /* 36PX */

  --line-height-large: calc(4px * 10); /* 40PX */
  --line-height-regular: calc(4px * 7); /* 26PX*/

  --regular: 400;
  --bold: 700;

  --font-headings: "Paytone One", Arial, Helvetica, sans-serif;
  --font-titles: "Raleway", Arial, Helvetica, sans-serif;
  --font-leads: "Manrope", Arial, Helvetica, sans-serif;
}