:root { --renzos-gold: hsl(42, 50%, 58%); --renzos-gold-hover: hsl(41, 46%, 49%); --renzos-background: hsl(0, 0%, 100%); --renzos-background-alt: hsl(41, 36%, 91%); --renzos-surface: hsl(0, 0%, 100%); --renzos-surface-alt: hsl(42, 35%, 87%); --renzos-text: hsl(0, 0%, 0%); --renzos-text-soft: hsl(0, 0%, 31%); --renzos-text-muted: hsl(39, 10%, 32%); --renzos-border: hsl(40, 24%, 80%); --renzos-divider: hsl(40, 21%, 73%); --renzos-gold-l-1: hsl(42, 50%, 63%); --renzos-gold-l-2: hsl(42, 50%, 68%); --renzos-gold-l-3: hsl(42, 50%, 73%); --renzos-gold-l-4: hsl(42, 50%, 78%); --renzos-gold-l-5: hsl(42, 50%, 83%); --renzos-gold-l-6: hsl(42, 50%, 88%); --renzos-gold-l-7: hsl(42, 50%, 92%); --renzos-gold-l-8: hsl(42, 50%, 95%); --renzos-gold-l-9: hsl(42, 50%, 97%); --renzos-gold-l-10: hsl(42, 50%, 99%); --renzos-gold-d-1: hsl(42, 50%, 53%); --renzos-gold-d-2: hsl(42, 50%, 48%); --renzos-gold-d-3: hsl(42, 50%, 43%); --renzos-gold-d-4: hsl(42, 50%, 38%); --renzos-gold-d-5: hsl(42, 50%, 33%); --renzos-gold-d-6: hsl(42, 50%, 28%); --renzos-gold-d-7: hsl(42, 50%, 23%); --renzos-gold-d-8: hsl(42, 50%, 18%); --renzos-gold-d-9: hsl(42, 50%, 13%); --renzos-gold-d-10: hsl(42, 50%, 8%); --renzos-gold-t-1: hsla(42, 50%, 99%, 0.09); --renzos-gold-t-2: hsla(42, 50%, 97%, 0.18); --renzos-gold-t-3: hsla(42, 50%, 95%, 0.27); --renzos-gold-t-4: hsla(42, 50%, 92%, 0.36); --renzos-gold-t-5: hsla(42, 50%, 88%, 0.45); --renzos-gold-t-6: hsla(42, 50%, 83%, 0.55); --renzos-gold-t-7: hsla(42, 50%, 78%, 0.64); --renzos-gold-t-8: hsla(42, 50%, 73%, 0.73); --renzos-gold-t-9: hsla(42, 50%, 68%, 0.82); --renzos-gold-t-10: hsla(42, 50%, 63%, 0.91);}