@import url('https://fonts.googleapis.com/css2?family=Lato'); :root { --color-primary-50: #f1f8f2; --color-primary-100: #deedde; --color-primary-200: #bfdbc1; --color-primary-300: #94c19a; --color-primary-400: #66a16f; --color-primary-500: #4f965d; --color-primary-600: #33683f; --color-primary-700: #295333; --color-primary-800: #22432a; --color-primary-900: #1d3724; --color-primary-950: #0f1f13; --color-secondary-50: #fdf6fd; --color-secondary-100: #faebfc; --color-secondary-200: #f6d7f7; --color-secondary-300: #f0b6f1; --color-secondary-400: #e78be6; --color-secondary-500: #d75ed6; --color-secondary-600: #c44fc0; --color-secondary-700: #9a3194; --color-secondary-800: #7e2a78; --color-secondary-900: #682762; --color-secondary-950: #440e3f; --font-sans: 'Lato', sans-serif; --ui-primary: var(--color-primary-500); --ui-secondary: var(--color-secondary-500); --color-blue-50: #f2f5fc; --color-blue-100: #e2eaf7; --color-blue-200: #ccdaf1; --color-blue-300: #aac3e6; --color-blue-400: #81a3d9; --color-blue-500: #6386ce; --color-blue-600: #4f6cc1; --color-blue-700: #455bb0; --color-blue-800: #3d4b90; --color-blue-900: #354173; --color-blue-950: #242a47; --color-lipstick-50: #fcf3f8; --color-lipstick-100: #fbe8f4; --color-lipstick-200: #f9d1e9; --color-lipstick-300: #f4add6; --color-lipstick-400: #ed79ba; --color-lipstick-500: #e3519e; --color-lipstick-600: #d1317e; --color-lipstick-700: #ae2060; --color-lipstick-800: #961e52; --color-lipstick-900: #7d1e47; --color-lipstick-950: #4c0b27; --color-cloud-burst-50: #f1f8fd; --color-cloud-burst-100: #dfeffa; --color-cloud-burst-200: #c7e2f6; --color-cloud-burst-300: #a0d1f0; --color-cloud-burst-400: #73b7e7; --color-cloud-burst-500: #529adf; --color-cloud-burst-600: #3d80d3; --color-cloud-burst-700: #346cc1; --color-cloud-burst-800: #30589d; --color-cloud-burst-900: #2b4b7d; --color-cloud-burst-950: #1d2d49; --color-gri-50: #f7f8f8; --color-gri-100: #edeef1; --color-gri-200: #d7dbe0; --color-gri-300: #b4bac5; --color-gri-400: #8c96a4; --color-gri-500: #6d798a; --color-gri-600: #586271; --color-gri-700: #434a56; --color-gri-800: #3e444e; --color-gri-900: #373c43; --color-gri-950: #24272d; --color-green-50: #f0fdf4; --color-green-100: #dcfce7; --color-green-200: #bbf7d0; --color-green-300: #86efac; --color-green-400: #4ade80; --color-green-500: #22c55e; --color-green-600: #16a34a; --color-green-700: #15803d; --color-green-800: #166534; --color-green-900: #14532d; --color-green-950: #052e16; --ui-success-50: var(--color-green-50); --ui-success-100: var(--color-green-100); --ui-success-200: var(--color-green-200); --ui-success-300: var(--color-green-300); --ui-success-400: var(--color-green-400); --ui-success-500: var(--color-green-500); --ui-success-600: var(--color-green-600); --ui-success-700: var(--color-green-700); --ui-success-800: var(--color-green-800); --ui-success-900: var(--color-green-900); --ui-success-950: var(--color-green-950); } *{ font-family: 'Lato', sans-serif; }