:root { --color-family: #c9bfa3; --kfamily-background: hsl(46, 33%, 97%); --color-primary: hsla(187, 73.7%, 37.3%, 1); --color-primary-t-1: hsla(187, 74%, 37%, 0.1); --color-primary-t-2: hsla(187, 74%, 37%, 0.337); --color-primary-t-3: hsla(187, 74%, 37%, 0.663); --color-primary-t-4: hsla(187, 74%, 37%, 0.99); --color-primary-d-1: hsla(187, 74%, 28%, 1); --color-primary-d-2: hsla(188, 73%, 19%, 1); --color-primary-d-3: hsla(188, 73%, 10%, 1); --color-primary-d-4: hsla(180, 60%, 1%, 1); --color-primary-l-1: hsla(187, 74%, 53%, 1); --color-primary-l-2: hsla(187, 74%, 68%, 1); --color-primary-l-3: hsla(187, 74%, 84%, 1); --color-primary-l-4: hsla(180, 60%, 99%, 1); --color-text: hsla(0, 0%, 12.9%, 1); --color-text-l-1: hsla(0, 0%, 56%, 1); --color-text-l-2: hsla(0, 0%, 99%, 1); --color-base: hsla(240, 14.3%, 97.3%, 1); --color-base-t-1: hsla(240, 14%, 97%, 0.2); --color-base-t-2: hsla(240, 14%, 97%, 0.5); --color-base-t-3: hsla(240, 14%, 97%, 0.99); --color-dark: hsla(0, 0%, 17.6%, 1); --color-dark-t-1: hsla(0, 0%, 18%, 0.15); --color-dark-t-2: hsla(0, 0%, 18%, 0.337); --color-dark-t-3: hsla(0, 0%, 18%, 0.663); --color-dark-t-4: hsla(0, 0%, 18%, 0.99); --color-dark-l-1: hsla(0, 0%, 38%, 1); --color-dark-l-2: hsla(0, 0%, 58%, 1); --color-dark-l-3: hsla(0, 0%, 79%, 1); --color-dark-l-4: hsla(0, 0%, 99%, 1); --color-error: hsla(357, 74.8%, 45.1%, 1); --color-error-t-1: hsla(357, 75%, 45%, 0.1); --color-error-t-2: hsla(357, 75%, 45%, 0.5); --color-error-t-3: hsla(357, 75%, 45%, 0.99); --color-error-d-1: hsla(357, 74%, 31%, 1); --color-error-d-2: hsla(357, 75%, 16%, 1); --color-error-d-3: hsla(0, 60%, 1%, 1); --color-error-l-1: hsla(357, 74%, 63%, 1); --color-error-l-2: hsla(357, 75%, 81%, 1); --color-error-l-3: hsla(0, 60%, 99%, 1); --color-success: hsla(90, 68.7%, 45.1%, 1); --color-success-t-1: hsla(90, 69%, 45%, 0.1); --color-success-t-2: hsla(90, 69%, 45%, 0.5); --color-success-t-3: hsla(90, 69%, 45%, 0.99); --color-success-d-1: hsla(90, 69%, 30%, 1); --color-success-d-2: hsla(91, 68%, 16%, 1); --color-success-d-3: hsla(80, 60%, 1%, 1); --color-success-l-1: hsla(90, 69%, 63%, 1); --color-success-l-2: hsla(90, 69%, 81%, 1); --color-success-l-3: hsla(100, 60%, 99%, 1); --color-warning: hsla(38, 80%, 54.9%, 1); --color-warning-t-1: hsla(38, 80%, 55%, 0.1); --color-warning-t-2: hsla(38, 80%, 55%, 0.5); --color-warning-t-3: hsla(38, 80%, 55%, 0.99); --color-warning-d-1: hsla(38, 80%, 37%, 1); --color-warning-d-2: hsla(38, 79%, 19%, 1); --color-warning-d-3: hsla(30, 67%, 1%, 1); --color-warning-l-1: hsla(38, 79%, 69%, 1); --color-warning-l-2: hsla(38, 80%, 84%, 1); --color-warning-l-3: hsla(45, 67%, 99%, 1); --color-black: hsla(0, 0%, 0%, 1); --color-white: hsla(0, 0%, 100%, 1); --primary: hsla(187, 73.7%, 37.3%, 1); --primary-t-1: hsla(187, 74%, 37%, 0.01); --primary-t-2: hsla(187, 74%, 37%, 0.337); --primary-t-3: hsla(187, 74%, 37%, 0.663); --primary-t-4: hsla(187, 74%, 37%, 0.99); --primary-d-1: hsla(187, 74%, 28%, 1); --primary-d-2: hsla(188, 73%, 19%, 1); --primary-d-3: hsla(188, 73%, 10%, 1); --primary-d-4: hsla(180, 60%, 1%, 1); --primary-l-1: hsla(187, 74%, 53%, 1); --primary-l-2: hsla(187, 74%, 68%, 1); --primary-l-3: hsla(187, 74%, 84%, 1); --primary-l-4: hsla(180, 60%, 99%, 1); --light: hsl(0, 0%, 100%); --light-t-1: hsla(0, 0%, 100%, 0.010); --light-t-2: hsla(0, 0%, 100%, 0.133); --light-t-3: hsla(0, 0%, 100%, 0.255); --light-t-4: hsla(0, 0%, 100%, 0.378); --light-t-5: hsla(0, 0%, 100%, 0.500); --light-t-6: hsla(0, 0%, 100%, 0.623); --light-t-7: hsla(0, 0%, 100%, 0.745); --light-t-8: hsla(0, 0%, 100%, 0.867); --light-t-9: hsla(0, 0%, 100%, 0.990); --light-d-1: hsl(0, 0%, 89.0%); --light-d-2: hsl(0, 0%, 78.0%); --light-d-3: hsl(0, 0%, 67.0%); --light-d-4: hsl(0, 0%, 56.0%); --light-d-5: hsl(0, 0%, 45.0%); --light-d-6: hsl(0, 0%, 34.0%); --light-d-7: hsl(0, 0%, 23.0%); --light-d-8: hsl(0, 0%, 12.0%); --light-d-9: hsl(0, 0%, 1.0%); --dark: hsl(0, 0%, 0%); --dark-t-1: hsla(0, 0%, 0%, 0.010); --dark-t-2: hsla(0, 0%, 0%, 0.133); --dark-t-3: hsla(0, 0%, 0%, 0.255); --dark-t-4: hsla(0, 0%, 0%, 0.378); --dark-t-5: hsla(0, 0%, 0%, 0.500); --dark-t-6: hsla(0, 0%, 0%, 0.623); --dark-t-7: hsla(0, 0%, 0%, 0.745); --dark-t-8: hsla(0, 0%, 0%, 0.867); --dark-t-9: hsla(0, 0%, 0%, 0.990); --dark-l-1: hsl(0, 0%, 10.6%); --dark-l-2: hsl(0, 0%, 21.1%); --dark-l-3: hsl(0, 0%, 31.7%); --dark-l-4: hsl(0, 0%, 42.2%); --dark-l-5: hsl(0, 0%, 52.8%); --dark-l-6: hsl(0, 0%, 63.3%); --dark-l-7: hsl(0, 0%, 73.9%); --dark-l-8: hsl(0, 0%, 84.4%); --dark-l-9: hsl(0, 0%, 95.0%);}