:root { --color-1: hsl(0 0% 0% / 0); --color-2: hsl(264 56% 23% / 0.64); --color-3: hsl(264 55% 13% / 0.2); --color-5: hsl(264 51% 73% / 0.11); --color-6: hsl(264 56% 23% / 0.3); --color-7: hsl(174 57% 46%); --color-8: hsl(264 55% 13% / 0.87); --color-primary: #291448; --color-primary-light: #533d75; --color-accent: #b397dd; --color-accent-soft: #ddd5e8; --color-secondary: #f28b84; --color-secondary-soft: rgb(242, 186, 193); --color-tertiary: #33b9ab; --color-tertiary-soft: #cbe9e3; --color-black: #2e2e2e; --color-white: #f9f5f5; --color-primary-light-t-1: hsla(264, 31%, 35%, 0); --color-primary-light-t-2: hsla(264, 31%, 35%, 0.1); --color-primary-light-t-3: hsla(264, 31%, 35%, 0.2); --color-primary-light-t-4: hsla(264, 31%, 35%, 0.3); --color-primary-light-t-5: hsla(264, 31%, 35%, 0.4); --color-primary-light-t-6: hsla(264, 31%, 35%, 0.5); --color-primary-light-t-7: hsla(264, 31%, 35%, 0.6); --color-primary-light-t-8: hsla(264, 31%, 35%, 0.7); --color-primary-light-t-9: hsla(264, 31%, 35%, 0.8); --color-primary-light-t-10: hsla(264, 31%, 35%, 0.9); --color-primary-t-1: hsla(264, 12%, 93%, 0); --color-primary-t-2: hsla(264, 57%, 18%, 0.1); --color-primary-t-3: hsla(264, 57%, 18%, 0.2); --color-primary-t-4: hsla(264, 57%, 18%, 0.3); --color-primary-t-5: rgba(41, 20, 72, 0.4); --color-primary-t-6: hsla(264, 57%, 18%, 0.5); --color-primary-t-7: hsla(264, 57%, 18%, 0.6); --color-primary-t-8: rgba(41, 20, 72, 0.7); --color-primary-t-9: hsla(264, 57%, 18%, 0.8); --color-primary-t-10: rgba(41, 20, 72, 0.9);}