:root { --teal-50: hsl(180, 52%, 94%); --teal-100: hsl(181, 54%, 84%); --teal-200: hsl(182, 53%, 71%); --teal-300: hsl(182, 51%, 58%); --teal-400: hsl(182, 59%, 45%); --teal-500: hsl(182, 100%, 31%); --teal-600: hsl(182, 100%, 25%); --teal-700: hsl(183, 100%, 18%); --teal-800: hsl(183, 100%, 13%); --teal-900: hsl(183, 100%, 8%); --teal-950: hsl(185, 100%, 4%); --ink-50: hsl(180, 14%, 97%); --ink-100: hsl(195, 12%, 94%); --ink-200: hsl(197, 10%, 86%); --ink-300: hsl(200, 9%, 74%); --ink-400: hsl(199, 7%, 57%); --ink-500: hsl(198, 8%, 41%); --ink-600: hsl(208, 16%, 31%); --ink-700: hsl(203, 19%, 22%); --ink-800: hsl(203, 25%, 14%); --ink-900: hsl(197, 39%, 7%); --black: hsl(0, 0%, 0%); --white: hsl(0, 0%, 100%); --surface-0: hsl(0, 0%, 100%); --surface-1: hsl(180, 11%, 98%); --surface-2: hsl(180, 10%, 96%); --surface-tint: hsl(180, 52%, 94%); --success-light: hsl(149, 56%, 88%); --success: hsl(155, 83%, 36%); --success-dark: hsl(154, 85%, 26%); --warning-light: hsl(42, 91%, 91%); --warning: hsl(39, 82%, 50%); --warning-dark: hsl(39, 85%, 35%); --error-light: hsl(0, 90%, 92%); --error: hsl(1, 77%, 55%); --error-dark: hsl(1, 64%, 39%); --info-light: hsl(204, 62%, 90%); --info: hsl(204, 62%, 45%); --info-dark: hsl(204, 61%, 32%);}