[data-color=yellow]{--bg:#fff3a6;--hd:#f6e07a;--fg:#3b3516}
[data-color=pink]{--bg:#ffd3e4;--hd:#f7b3cf;--fg:#4a2234}
[data-color=mint]{--bg:#cdf3d8;--hd:#a9e2bb;--fg:#1f3d2a}
[data-color=blue]{--bg:#cfe6ff;--hd:#a8cdf5;--fg:#1b3250}
[data-color=purple]{--bg:#e3d8ff;--hd:#cbb9f5;--fg:#31244f}
[data-color=orange]{--bg:#ffdfb8;--hd:#f8c58a;--fg:#4a2f12}
[data-color=gray]{--bg:#ececec;--hd:#d4d4d4;--fg:#2b2b2b}
[data-color=dark]{--bg:#343a46;--hd:#272c35;--fg:#e8ebf0}