[data-color='fuchsia'] {
  --pico-primary: #c1208b !important;
  --pico-primary-background: #c1208b !important;
  --pico-primary-underline: rgba(193, 32, 139, 0.5) !important;
  --pico-primary-inverse: #fff !important;
  --pico-primary-hover: #a01870 !important;
  --pico-primary-hover-background: #c1208b !important;
  --pico-primary-active: #801058 !important;
  --pico-primary-focus: #c1208b !important;
  --pico-primary-focus-inverse: #fff !important;
  --pico-primary-focus-hover: #a01870 !important;
  --pico-primary-focus-active: #801058 !important;
}

[data-color='purple'] {
  --pico-primary: #9236a4 !important;
  --pico-primary-background: #9236a4 !important;
  --pico-primary-underline: rgba(146, 54, 164, 0.5) !important;
  --pico-primary-inverse: #fff !important;
  --pico-primary-hover: #752c86 !important;
  --pico-primary-hover-background: #9236a4 !important;
  --pico-primary-active: #582064 !important;
  --pico-primary-focus: #9236a4 !important;
  --pico-primary-focus-inverse: #fff !important;
  --pico-primary-focus-hover: #752c86 !important;
  --pico-primary-focus-active: #582064 !important;
}

[data-color='violet'] {
  --pico-primary: #7540bf !important;
  --pico-primary-background: #7540bf !important;
  --pico-primary-underline: rgba(117, 64, 191, 0.5) !important;
  --pico-primary-inverse: #fff !important;
  --pico-primary-hover: #5c3499 !important;
  --pico-primary-hover-background: #7540bf !important;
  --pico-primary-active: #432873 !important;
  --pico-primary-focus: #7540bf !important;
  --pico-primary-focus-inverse: #fff !important;
  --pico-primary-focus-hover: #5c3499 !important;
  --pico-primary-focus-active: #432873 !important;
}

[data-color='indigo'] {
  --pico-primary: #524ed2 !important;
  --pico-primary-background: #524ed2 !important;
  --pico-primary-underline: rgba(82, 78, 210, 0.5) !important;
  --pico-primary-inverse: #fff !important;
  --pico-primary-hover: #403ba9 !important;
  --pico-primary-hover-background: #524ed2 !important;
  --pico-primary-active: #2e2880 !important;
  --pico-primary-focus: #524ed2 !important;
  --pico-primary-focus-inverse: #fff !important;
  --pico-primary-focus-hover: #403ba9 !important;
  --pico-primary-focus-active: #2e2880 !important;
}

[data-color='blue'] {
  --pico-primary: #2060df !important;
  --pico-primary-background: #2060df !important;
  --pico-primary-underline: rgba(32, 96, 223, 0.5) !important;
  --pico-primary-inverse: #fff !important;
  --pico-primary-hover: #1a4dbe !important;
  --pico-primary-hover-background: #2060df !important;
  --pico-primary-active: #143a8c !important;
  --pico-primary-focus: #2060df !important;
  --pico-primary-focus-inverse: #fff !important;
  --pico-primary-focus-hover: #1a4dbe !important;
  --pico-primary-focus-active: #143a8c !important;
}

[data-color='azure'] {
  --pico-primary: #0172ad !important;
  --pico-primary-background: #0172ad !important;
  --pico-primary-underline: rgba(1, 114, 173, 0.5) !important;
  --pico-primary-inverse: #fff !important;
  --pico-primary-hover: #015e94 !important;
  --pico-primary-hover-background: #0172ad !important;
  --pico-primary-active: #014a76 !important;
  --pico-primary-focus: #0172ad !important;
  --pico-primary-focus-inverse: #fff !important;
  --pico-primary-focus-hover: #015e94 !important;
  --pico-primary-focus-active: #014a76 !important;
}

[data-color='cyan'] {
  --pico-primary: #047878 !important;
  --pico-primary-background: #047878 !important;
  --pico-primary-underline: rgba(4, 120, 120, 0.5) !important;
  --pico-primary-inverse: #fff !important;
  --pico-primary-hover: #035f5f !important;
  --pico-primary-hover-background: #047878 !important;
  --pico-primary-active: #024646 !important;
  --pico-primary-focus: #047878 !important;
  --pico-primary-focus-inverse: #fff !important;
  --pico-primary-focus-hover: #035f5f !important;
  --pico-primary-focus-active: #024646 !important;
}

[data-color='jade'] {
  --pico-primary: #007a50 !important;
  --pico-primary-background: #007a50 !important;
  --pico-primary-underline: rgba(0, 122, 80, 0.5) !important;
  --pico-primary-inverse: #fff !important;
  --pico-primary-hover: #006140 !important;
  --pico-primary-hover-background: #007a50 !important;
  --pico-primary-active: #004830 !important;
  --pico-primary-focus: #007a50 !important;
  --pico-primary-focus-inverse: #fff !important;
  --pico-primary-focus-hover: #006140 !important;
  --pico-primary-focus-active: #004830 !important;
}

[data-color='green'] {
  --pico-primary: #398712 !important;
  --pico-primary-background: #398712 !important;
  --pico-primary-underline: rgba(57, 135, 18, 0.5) !important;
  --pico-primary-inverse: #fff !important;
  --pico-primary-hover: #2e6f0e !important;
  --pico-primary-hover-background: #398712 !important;
  --pico-primary-active: #23570a !important;
  --pico-primary-focus: #398712 !important;
  --pico-primary-focus-inverse: #fff !important;
  --pico-primary-focus-hover: #2e6f0e !important;
  --pico-primary-focus-active: #23570a !important;
}

[data-color='lime'] {
  --pico-primary: #a5d601 !important;
  --pico-primary-background: #a5d601 !important;
  --pico-primary-underline: rgba(165, 214, 1, 0.5) !important;
  --pico-primary-inverse: #fff !important;
  --pico-primary-hover: #8ec301 !important;
  --pico-primary-hover-background: #a5d601 !important;
  --pico-primary-active: #73af01 !important;
  --pico-primary-focus: #a5d601 !important;
  --pico-primary-focus-inverse: #fff !important;
  --pico-primary-focus-hover: #8ec301 !important;
  --pico-primary-focus-active: #73af01 !important;
}

[data-color='amber'] {
  --pico-primary: #ffbf00 !important;
  --pico-primary-background: #ffbf00 !important;
  --pico-primary-underline: rgba(255, 191, 0, 0.5) !important;
  --pico-primary-inverse: #fff !important;
  --pico-primary-hover: #e6a600 !important;
  --pico-primary-hover-background: #ffbf00 !important;
  --pico-primary-active: #cc8c00 !important;
  --pico-primary-focus: #ffbf00 !important;
  --pico-primary-focus-inverse: #fff !important;
  --pico-primary-focus-hover: #e6a600 !important;
  --pico-primary-focus-active: #cc8c00 !important;
}

[data-color='yellow'] {
  --pico-primary: #f2df0d !important;
  --pico-primary-background: #f2df0d !important;
  --pico-primary-underline: rgba(242, 223, 13, 0.5) !important;
  --pico-primary-inverse: #fff !important;
  --pico-primary-hover: #d9c70b !important;
  --pico-primary-hover-background: #f2df0d !important;
  --pico-primary-active: #c0b10a !important;
  --pico-primary-focus: #f2df0d !important;
  --pico-primary-focus-inverse: #fff !important;
  --pico-primary-focus-hover: #d9c70b !important;
  --pico-primary-focus-active: #c0b10a !important;
}

[data-color='pumpkin'] {
  --pico-primary: #ff9500 !important;
  --pico-primary-background: #ff9500 !important;
  --pico-primary-underline: rgba(255, 149, 0, 0.5) !important;
  --pico-primary-inverse: #fff !important;
  --pico-primary-hover: #e68200 !important;
  --pico-primary-hover-background: #ff9500 !important;
  --pico-primary-active: #cc6e00 !important;
  --pico-primary-focus: #ff9500 !important;
  --pico-primary-focus-inverse: #fff !important;
  --pico-primary-focus-hover: #e68200 !important;
  --pico-primary-focus-active: #cc6e00 !important;
}

[data-color='orange'] {
  --pico-primary: #d24317 !important;
  --pico-primary-background: #d24317 !important;
  --pico-primary-underline: rgba(210, 67, 23, 0.5) !important;
  --pico-primary-inverse: #fff !important;
  --pico-primary-hover: #b93914 !important;
  --pico-primary-hover-background: #d24317 !important;
  --pico-primary-active: #a03011 !important;
  --pico-primary-focus: #d24317 !important;
  --pico-primary-focus-inverse: #fff !important;
  --pico-primary-focus-hover: #b93914 !important;
  --pico-primary-focus-active: #a03011 !important;
}

[data-color='sand'] {
  --pico-primary: #ccc6b4 !important;
  --pico-primary-background: #ccc6b4 !important;
  --pico-primary-underline: rgba(204, 198, 180, 0.5) !important;
  --pico-primary-inverse: #fff !important;
  --pico-primary-hover: #b3b0a1 !important;
  --pico-primary-hover-background: #ccc6b4 !important;
  --pico-primary-active: #99958e !important;
  --pico-primary-focus: #ccc6b4 !important;
  --pico-primary-focus-inverse: #fff !important;
  --pico-primary-focus-hover: #b3b0a1 !important;
  --pico-primary-focus-active: #99958e !important;
}

[data-color='grey'] {
  --pico-primary: #ababab !important;
  --pico-primary-background: #ababab !important;
  --pico-primary-underline: rgba(171, 171, 171, 0.5) !important;
  --pico-primary-inverse: #fff !important;
  --pico-primary-hover: #919191 !important;
  --pico-primary-hover-background: #ababab !important;
  --pico-primary-active: #777777 !important;
  --pico-primary-focus: #ababab !important;
  --pico-primary-focus-inverse: #fff !important;
  --pico-primary-focus-hover: #919191 !important;
  --pico-primary-focus-active: #777777 !important;
}

[data-color='zinc'] {
  --pico-primary: #646b79 !important;
  --pico-primary-background: #646b79 !important;
  --pico-primary-underline: rgba(100, 107, 121, 0.5) !important;
  --pico-primary-inverse: #fff !important;
  --pico-primary-hover: #505562 !important;
  --pico-primary-hover-background: #646b79 !important;
  --pico-primary-active: #3c434b !important;
  --pico-primary-focus: #646b79 !important;
  --pico-primary-focus-inverse: #fff !important;
  --pico-primary-focus-hover: #505562 !important;
  --pico-primary-focus-active: #3c434b !important;
}

[data-color='slate'] {
  --pico-primary: #525f7a !important;
  --pico-primary-background: #525f7a !important;
  --pico-primary-underline: rgba(82, 95, 122, 0.5) !important;
  --pico-primary-inverse: #fff !important;
  --pico-primary-hover: #404a61 !important ;
  --pico-primary-hover-background: #525f7a !important;
  --pico-primary-active: #2e3548 !important;
  --pico-primary-focus: #525f7a !important;
  --pico-primary-focus-inverse: #fff !important;
  --pico-primary-focus-hover: #404a61 !important;
  --pico-primary-focus-active: #2e3548 !important;
}

[data-color='red'] {
  --pico-primary: #c52f21 !important;
  --pico-primary-background: #c52f21 !important;
  --pico-primary-underline: rgba(197, 47, 33, 0.5) !important;
  --pico-primary-inverse: #fff !important;
  --pico-primary-hover: #a5251a !important;
  --pico-primary-hover-background: #c52f21 !important;
  --pico-primary-active: #851d14 !important;
  --pico-primary-focus: #c52f21 !important;
  --pico-primary-focus-inverse: #fff !important;
  --pico-primary-focus-hover: #a5251a !important;
  --pico-primary-focus-active: #851d14 !important;
}

[data-color='pink'] {
  --pico-primary: #d92662 !important;
  --pico-primary-background: #d92662 !important;
  --pico-primary-underline: rgba(217, 38, 98, 0.5) !important;
  --pico-primary-inverse: #fff !important;
  --pico-primary-hover: #b91e4d !important;
  --pico-primary-hover-background: #d92662 !important;
  --pico-primary-active: #991638 !important;
  --pico-primary-focus: #d92662 !important;
  --pico-primary-focus-inverse: #fff !important;
  --pico-primary-focus-hover: #b91e4d !important;
  --pico-primary-focus-active: #991638 !important;
}