[data-accent="violet"] { --accent: #6c4cf5; --accent-2: #a46bff; --accent-deep: #4a2fc4; --accent-soft: #ece7ff; }
[data-accent="paint"] { --accent: #f2367c; --accent-2: #ff7a59; --accent-deep: #b81d58; --accent-soft: #ffe5ef; }
[data-accent="concrete"] { --accent: #2f6bff; --accent-2: #24b4ff; --accent-deep: #1c46b8; --accent-soft: #e3ecff; }
[data-accent="tile"] { --accent: #0fa596; --accent-2: #3ad6a0; --accent-deep: #08776c; --accent-soft: #dcf7f2; }
[data-accent="flooring"] { --accent: #f2830d; --accent-2: #ffc23c; --accent-deep: #b55d00; --accent-soft: #fff0dc; }
[data-accent="mulch"] { --accent: #2fa43f; --accent-2: #9ad13b; --accent-deep: #1d7a2b; --accent-soft: #e2f6e1; }
[data-accent="area"] { --accent: #7c3aed; --accent-2: #c084fc; --accent-deep: #5521b5; --accent-soft: #f1e8ff; }
[data-accent="volume"] { --accent: #0891b2; --accent-2: #22d3ee; --accent-deep: #0e6680; --accent-soft: #dff7fc; }
[data-accent="drywall"] { --accent: #4f46e5; --accent-2: #818cf8; --accent-deep: #3730a3; --accent-soft: #e8e8ff; }
[data-accent="wallpaper"] { --accent: #c026d3; --accent-2: #f472b6; --accent-deep: #86198f; --accent-soft: #fbe6fd; }
[data-accent="fence"] { --accent: #ea580c; --accent-2: #fb923c; --accent-deep: #9a3412; --accent-soft: #ffeadb; }
[data-accent="deck"] { --accent: #b7791f; --accent-2: #f2c14e; --accent-deep: #7c4f0e; --accent-soft: #fbf0d9; }
[data-accent="roofing"] { --accent: #dc2626; --accent-2: #f97316; --accent-deep: #991b1b; --accent-soft: #fde4e4; }
[data-accent="pavers"] { --accent: #78716c; --accent-2: #f59e0b; --accent-deep: #44403c; --accent-soft: #f3efe9; }
[data-accent="stairs"] { --accent: #65a30d; --accent-2: #a3e635; --accent-deep: #3f6212; --accent-soft: #eef8dc; }
[data-accent="lawn"] { --accent: #059669; --accent-2: #84cc16; --accent-deep: #065f46; --accent-soft: #dcfce7; }