html{--font-family-base: "Roboto", sans-serif;--text-size-xl: 32px;--text-size-l: 24px;--text-size-md: 20px;--text-size-sm: 14px;--text-size-base: 16px;--font-weight-bold: 700;--font-weight-semi-bold: 600;--font-weight-base: 400;--line-height-base: 1.5;--line-height-md: 1.55;--line-height-sm: 1.25;--second-color: #7F22FE;--second-color-active: color-mix(in srgb, var(--second-color), white 15%);--second-color-disabled: color-mix(in srgb, var(--second-color), white 70%);--first-color: #FDC800;--first-color-active: color-mix(in srgb, var(--first-color), white 15%);--first-color-disabled: color-mix(in srgb, var(--first-color), white 70%);--black: #020617;--light-black: #324158;--grey: #617185;--light-grey: #CAD5E2;--off-white: #F1F5F9;--white: #FFF;--violet: #7F22FE;--violet-hover: #7007E7;--violet-active: #5D0EC1;--violet-washed: #C5B3FF;--yellow: #FDC800;--yellow-secondary: #F0B000;--yellow-hover: #F0B000;--yellow-active: #D18700;--yellow-washed: #FEF186;--pink: #F7339A;--pink-hover: #E60076;--pink-active: #C6005B;--pink-washed: #FEA5D5;--sky: #00A6F5;--sky-hover: #0084D1;--sky-active: #0069A8;--sky-washed: #73D4FF;--green: #00C950;--red: #FA2C37;--blue: #2C7FFF}