:root { --brand: hsl(169,70%,36%); --brand-t-0: hsla(169, 39%, 89%, 0.17); --brand-t-1: hsla(169, 39%, 79%, 0.33); --brand-t-2: hsla(169, 39%, 68%, 0.5); --brand-t-3: hsla(169, 39%, 57%, 0.67); --brand-t-4: hsla(169, 45%, 47%, 0.83); --color-text-primary: #1a1a1a; --color-text-secondary: #6b6b6b; --color-text-muted: #999999; --color-text-accent: #006b3e; --color-text-badge: #7a5e08; --color-text-badge-dim: #c4a44d; --brand-l-1: hsl(169, 54%, 42%); --brand-l-2: hsl(169, 43%, 48%); --brand-l-3: hsl(169, 39%, 54%); --brand-l-4: hsl(169, 39%, 59%); --brand-l-5: hsl(169, 39%, 65%); --brand-l-6: hsl(169, 39%, 71%); --brand-l-7: hsl(169, 39%, 77%); --brand-l-8: hsl(169, 39%, 83%); --brand-l-9: hsl(169, 39%, 88%); --brand-l-10: hsl(169, 39%, 94%); --brand-d-1: hsl(169, 70%, 33%); --brand-d-2: hsl(169, 70%, 30%); --brand-d-3: hsl(169, 70%, 26%); --brand-d-4: hsl(169, 70%, 23%); --brand-d-5: hsl(169, 70%, 20%); --brand-d-6: hsl(169, 70%, 16%); --brand-d-7: hsl(169, 70%, 13%); --brand-d-8: hsl(169, 70%, 10%); --brand-d-9: hsl(169, 70%, 7%); --brand-d-10: hsl(169, 70%, 3%);}