:root { --primary-50: hsla(210, 100%, 94.9%, 1); --primary-100: hsla(210, 100%, 87.45%, 1); --primary-200: hsla(210, 100%, 71.76%, 1); --primary-300: hsla(210, 100%, 64.31%, 1); --primary-400: hsla(210, 100%, 56.47%, 1); --primary-500: hsla(210, 100%, 20%, 1); --primary-600: hsla(210, 100%, 18.04%, 1); --primary-700: hsla(210, 100%, 15%, 1); --primary-800: hsla(210, 100%, 12%, 1); --primary-900: hsla(210, 100%, 10.98%, 1); --primary-950: hsla(210, 100%, 5%, 1); --secondary-50: hsla(160, 100%, 94.9%, 1); --secondary-100: hsla(160, 100%, 87.45%, 1); --secondary-200: hsla(160, 100%, 75%, 1); --secondary-300: hsla(160, 100%, 64.31%, 1); --secondary-400: hsla(160, 100%, 56.47%, 1); --secondary-500: hsla(160, 100%, 48.63%, 1); --secondary-600: hsla(160, 100%, 40.78%, 1); --secondary-700: hsla(160, 100%, 32.94%, 1); --secondary-800: hsla(160, 100%, 25.49%, 1); --secondary-900: hsla(160, 100%, 18.04%, 1); --secondary-950: hsla(160, 100%, 10.98%, 1); --base-0: hsla(240, 9%, 100%, 1); --base-50: hsla(240, 9%, 94.9%, 1); --base-100: hsla(240, 9%, 87.45%, 1); --base-200: hsla(240, 9%, 71.76%, 1); --base-300: hsla(240, 9%, 64.31%, 1); --base-400: hsla(240, 9%, 56.47%, 1); --base-500: hsla(240, 9%, 51%, 1); --base-600: hsla(240, 9%, 40.78%, 1); --base-700: hsla(240, 9%, 32.94%, 1); --base-800: hsla(240, 9%, 25.49%, 1); --base-900: hsla(240, 9%, 18.04%, 1); --base-950: hsla(240, 9%, 10.98%, 1); --neutral-25: hsla(0, 0%, 94.9%, 1); --neutral-50: hsla(0, 0%, 87.45%, 1); --neutral-100: hsla(0, 0%, 79.61%, 1); --neutral-200: hsla(0, 0%, 71.76%, 1); --neutral-300: hsla(0, 0%, 64.31%, 1); --neutral-400: hsla(0, 0%, 56.47%, 1); --neutral-500: hsla(0, 0%, 48.63%, 1); --neutral-600: hsla(0, 0%, 40.78%, 1); --neutral-700: hsla(0, 0%, 32.94%, 1); --neutral-800: hsla(0, 0%, 25.49%, 1); --neutral-900: hsla(0, 0%, 18.04%, 1); --neutral-950: hsla(0, 0%, 10.98%, 1); --dark: hsla(240, 9%, 10.98%, 1); --dark-t-1: hsla(240, 1%, 92%, 0.09); --dark-t-2: hsla(240, 1%, 84%, 0.18); --dark-t-3: hsla(240, 1%, 76%, 0.27); --dark-t-4: hsla(240, 1%, 68%, 0.36); --dark-t-5: hsla(240, 1%, 60%, 0.45); --dark-t-6: hsla(240, 1%, 51%, 0.55); --dark-t-7: hsla(240, 2%, 43%, 0.64); --dark-t-8: hsla(240, 2%, 35%, 0.73); --dark-t-9: hsla(240, 4%, 27%, 0.82); --dark-t-10: hsla(240, 6%, 19%, 0.91); --bg-light: hsla(240, 9%, 96.45%, 1);}