:root { --brand-primary: #3193FF; --brand-secondary: #0B1833; --brand-tetriary: #FCEF50; --button-primary: #3193FF; --button-primary-hover: #0B1833; --button-primary-font: #FFFFFF; --button-secundair: #3193FF; --button-secundair-hover: #FFFFFF; --button-secundair-font: #FFFFFF; --button-secondary-font-hover: #0B1833; --button-tetriary: #3193FF; --button-tetriary-hover: #FFFFFF; --button-tetriary-font: #FFFFFF; --button-tetriary-font-hover: #0B1833; --ghost-primary-text: #FFFFFF; --ghost-primary-outline: hsla(0, 0%, 100%, 0.25); --ghost-primary-outline-hover: #FFFFFF; --ghost-secondary-text: #0B1833; --ghost-secondary-outline: hsla(46, 100%, 65%, 0.25); --ghost-secondary-outline-hover: #0B1833; --default-background: #ffffff; --default-background-dark: #0B1833; --background-waves: #082740; --background-light: #F4F4F4; --background-white: #FFFFFF; --border-default: rgba(11, 24, 51, 0.25); --border-white: rgba(255, 255, 255, 0.25); --heading-color: #0B1833; --body-color: #0B1833; --text-subtitle: rgba(11, 24, 51, 0.5); --text-label: rgba(11, 24, 51, 0.3); --text-label-inverse: rgba(255, 255, 255, 0.35); --text-subtitle-inverse: rgba(255, 255, 255, 0.5); --text-inverse: #FFFFFF; --field-background: #F8F8F8; --field-text-color: #0B1833; --icons-primary: rgba(11, 24, 51, 0.5); --icons-secondary: #0B1833; --icons-inverse-primary: rgba(255, 255, 255, 0.5); --icons-inverse-secondary: #ffffff; --text-xxs: clamp(1rem, calc(0.0009259259259259267 * (100vw - 36rem) + 1rem), 1.1rem); --text-xs: clamp(1.1rem, calc(0.0009259259259259247 * (100vw - 36rem) + 1.1rem), 1.2rem); --text-s: clamp(1.2rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.2rem), 1.4rem); --text-m: clamp(1.4rem, calc(0.0018518518518518534 * (100vw - 36rem) + 1.4rem), 1.6rem); --text-l: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --text-xl: clamp(1.8rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.8rem), 2rem); --text-lineheight-xxs: 120%; --text-lineheight-xs: 120%; --text-lineheight-s: 120%; --text-lineheight-m: 120%; --text-lineheight-l: 120%; --text-lineheight-xl: 120%; --text-font-weight: 400; --heading-1: clamp(4.2rem, calc(0.020370370370370372 * (100vw - 36rem) + 4.2rem), 6.4rem); --heading-2: clamp(4.2rem, calc(0.005555555555555552 * (100vw - 36rem) + 4.2rem), 4.8rem); --heading-3: clamp(2.6rem, calc(0.005555555555555557 * (100vw - 36rem) + 2.6rem), 3.2rem); --heading-4: clamp(1.8rem, calc(0.005555555555555554 * (100vw - 36rem) + 1.8rem), 2.4rem); --heading-5: clamp(1.4rem, calc(0.005555555555555557 * (100vw - 36rem) + 1.4rem), 2rem); --heading-6: clamp(1rem, calc(0.005555555555555557 * (100vw - 36rem) + 1rem), 1.6rem); --heading-lineheight-1: 120%; --heading-lineheight-2: 120%; --heading-lineheight-3: 120%; --heading-lineheight-4: 120%; --heading-lineheight-5: 120%; --heading-lineheight-6: 120%; --heading-letter-spacing-4: 0.1; --heading-letter-spacing-5: 0.2; --heading-letter-spacing-6: 0.3; --heading-font-weight: 600; --button-text-s: clamp(1.4rem, calc(0.0018518518518518534 * (100vw - 36rem) + 1.4rem), 1.6rem); --button-text-m: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --button-text-l: clamp(1.8rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.8rem), 2rem); --button-box-shadow: unset !important; --button-border-radius: 0px; --button-font-size: var(--button-text-s); --button-padding: var(--button-padding-top-bottom) var(--button-padding-left-right); --button-letter-spacing: 0.6px; --button-line-height: 24px; --button-padding-left-right: 24px; --button-padding-top-bottom: 16px; --section-padding-top-bottom: clamp(6rem, calc(0.03375527426160337 * (100vw - 37.5rem) + 6rem), 10rem); --section-padding-left-right: clamp(2rem, calc(0.02109704641350211 * (100vw - 37.5rem) + 2rem), 4.5rem); --layout-size-s: 768px; --layout-size-m: 1024px; --layout-size-l: 1384px;}