/* Figma Styles of your File */
:root {
  /* Colors */
  --azul-oscuro: #101e5a;
  --gris: #f4f6f8;
  --azul-medio: #4673af;
  --azul: #3e97d0;
  --azul-claro: #61bde4;
  --negro: #1d1d1d;

  /* Fonts */
  --headings-h1-font-family: Montserrat-Bold, sans-serif;
  --headings-h1-font-size: 56px;
  --headings-h1-line-height: normal;
  --headings-h1-font-weight: 700;
  --headings-h1-font-style: normal;
  --headings-h2-font-family: Montserrat-Bold, sans-serif;
  --headings-h2-font-size: 48px;
  --headings-h2-line-height: 60.8px;
  --headings-h2-font-weight: 700;
  --headings-h2-font-style: normal;
  --headings-h3-font-family: Montserrat-Bold, sans-serif;
  --headings-h3-font-size: 40px;
  --headings-h3-line-height: 44px;
  --headings-h3-font-weight: 700;
  --headings-h3-font-style: normal;
  --headings-h4-font-family: Montserrat-Bold, sans-serif;
  --headings-h4-font-size: 32px;
  --headings-h4-line-height: 35.2px;
  --headings-h4-font-weight: 700;
  --headings-h4-font-style: normal;
  --headings-h5-font-family: Montserrat-Bold, sans-serif;
  --headings-h5-font-size: 24px;
  --headings-h5-line-height: 29.4px;
  --headings-h5-font-weight: 700;
  --headings-h5-font-style: normal;
  --headings-h6-font-family: Montserrat-Bold, sans-serif;
  --headings-h6-font-size: 20px;
  --headings-h6-line-height: 22px;
  --headings-h6-font-weight: 700;
  --headings-h6-font-style: normal;
  --paragraph-large-text-bold-font-family: Inter-Bold, sans-serif;
  --paragraph-large-text-bold-font-size: 20px;
  --paragraph-large-text-bold-line-height: 28px;
  --paragraph-large-text-bold-font-weight: 700;
  --paragraph-large-text-bold-font-style: normal;
  --paragraph-large-text-regular-font-family: Inter-Regular, sans-serif;
  --paragraph-large-text-regular-font-size: 20px;
  --paragraph-large-text-regular-line-height: 28px;
  --paragraph-large-text-regular-font-weight: 400;
  --paragraph-large-text-regular-font-style: normal;
  --paragraph-medium-text-bold-font-family: Inter-Bold, sans-serif;
  --paragraph-medium-text-bold-font-size: 18px;
  --paragraph-medium-text-bold-line-height: 25.2px;
  --paragraph-medium-text-bold-font-weight: 700;
  --paragraph-medium-text-bold-font-style: normal;
  --paragraph-medium-text-regular-font-family: Inter-Regular, sans-serif;
  --paragraph-medium-text-regular-font-size: 18px;
  --paragraph-medium-text-regular-line-height: 25.2px;
  --paragraph-medium-text-regular-font-weight: 400;
  --paragraph-medium-text-regular-font-style: normal;
  --paragraph-normal-text-bold-font-family: Inter-Bold, sans-serif;
  --paragraph-normal-text-bold-font-size: 16px;
  --paragraph-normal-text-bold-line-height: 25.2px;
  --paragraph-normal-text-bold-font-weight: 700;
  --paragraph-normal-text-bold-font-style: normal;
  --paragraph-normal-text-regular-font-family: Inter-Regular, sans-serif;
  --paragraph-normal-text-regular-font-size: 16px;
  --paragraph-normal-text-regular-line-height: 22.4px;
  --paragraph-normal-text-regular-font-weight: 400;
  --paragraph-normal-text-regular-font-style: normal;
  --paragraph-normal-text-bold-uppercase-font-family: Inter-Bold, sans-serif;
  --paragraph-normal-text-bold-uppercase-font-size: 16px;
  --paragraph-normal-text-bold-uppercase-line-height: 25.2px;
  --paragraph-normal-text-bold-uppercase-font-weight: 700;
  --paragraph-normal-text-bold-uppercase-font-style: normal;
  --paragraph-small-text-bold-font-family: Inter-Bold, sans-serif;
  --paragraph-small-text-bold-font-size: 14px;
  --paragraph-small-text-bold-line-height: 19.6px;
  --paragraph-small-text-bold-font-weight: 700;
  --paragraph-small-text-bold-font-style: normal;
  --paragraph-small-text-regular-font-family: Inter-Regular, sans-serif;
  --paragraph-small-text-regular-font-size: 14px;
  --paragraph-small-text-regular-line-height: 19.6px;
  --paragraph-small-text-regular-font-weight: 400;
  --paragraph-small-text-regular-font-style: normal;

  /* Effects */
}
/* Figma Color Variables of your File */
:root,
[data-primitives-mode="mode-1"] {
  /* mode-1 */
  --primary: #4673af;
  --secondary: #61bde4;
  --dark: #101e5a;
  --light: #61bde4;
  --white: #ffffff;
  --black: #1d1d1d;
  --grey: #e1ebf5;
}

:root,
[data-tokens-mode="mode-1"] {
  /* mode-1 */
  --components-button: var(--secondary);
  --text-headings: var(--dark);
  --text-paragraph: var(--black);
  --icon-main: var(--secondary);
  --background-main: var(--white);
  --background-footer: var(--dark);
  --text-light: var(--white);
  --icon-light: var(--white);
  --background-surface: var(--grey);
  --components-buttonon-surface: var(--white);
}