export const SUFFIX_TO_KIND = {
  "-h": "hue",
  "-s": "saturation",
  "-l": "lightness",
  "-gap": "gap",
  "-delta": "delta",
};

export const CSSVAR_KEYS = {
  scheme: [
    "scheme-h",
    "scheme-s",
    "light-l",
    "light-invert-l",
    "dark-l",
    "dark-invert-l",
    "soft-l",
    "bold-l",
    "soft-invert-l",
    "bold-invert-l",
    "hover-background-l-delta",
    "active-background-l-delta",
    "hover-border-l-delta",
    "active-border-l-delta",
    "hover-color-l-delta",
    "active-color-l-delta",
    "hover-shadow-a-delta",
    "active-shadow-a-delta",
  ],
  colors: [
    "primary-h",
    "primary-s",
    "primary-l",
    "link-h",
    "link-s",
    "link-l",
    "info-h",
    "info-s",
    "info-l",
    "success-h",
    "success-s",
    "success-l",
    "warning-h",
    "warning-s",
    "warning-l",
    "danger-h",
    "danger-s",
    "danger-l",
    "skeleton-lines-gap",
  ],
};