{
  "global": {
    "namespace": "sds",
    "cssProperties": ["background-color", "color", "border-color", "fill"]
  },
  "imports": ["@salesforce-ux/sds-styling-aliases/dist/color-palettes.json"],
  "props": [
    {
      "name": "color-neutral-base-100",
      "value": "{!PALETTE_NEUTRAL_100}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "theme",
      "comment": "Neutral Base 100 - if used as a background, please use Neutral Base 60-10 to meet accessibility guidelines."
    },
    {
      "name": "color-neutral-base-95",
      "value": "{!PALETTE_NEUTRAL_95}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "theme",
      "comment": "Neutral Base 95 - if used as a background, please use Neutral Base 50-10 to meet accessibility guidelines."
    },
    {
      "name": "color-neutral-base-90",
      "value": "{!PALETTE_NEUTRAL_90}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "theme",
      "comment": "Neutral Base 90 - if used as a background, please use Neutral Base 40-10 to meet accessibility guidelines."
    },
    {
      "name": "color-neutral-base-80",
      "value": "{!PALETTE_NEUTRAL_80}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "theme",
      "comment": "Neutral Base 80 - if used as a background, please use Neutral Base 30-10 to meet accessibility guidelines."
    },
    {
      "name": "color-neutral-base-70",
      "value": "{!PALETTE_NEUTRAL_70}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "theme",
      "comment": "Neutral Base 70 - if used as a background, please use Neutral Base 20-10 to meet accessibility guidelines."
    },
    {
      "name": "color-neutral-base-65",
      "value": "{!PALETTE_NEUTRAL_65}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "theme",
      "comment": "Neutral Base 65 - if used as a background, please use Neutral Base 15-10 to meet accessibility guidelines."
    },
    {
      "name": "color-neutral-base-60",
      "value": "{!PALETTE_NEUTRAL_60}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "theme",
      "comment": "Neutral Base 60 - if used as a background, please use Neutral Base 100 to meet accessibility guidelines."
    },
    {
      "name": "color-neutral-base-50",
      "value": "{!PALETTE_NEUTRAL_50}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "theme",
      "comment": "Neutral Base 50 - if used as a background, please use Neutral Base 100-95 to meet accessibility guidelines."
    },
    {
      "name": "color-neutral-base-40",
      "value": "{!PALETTE_NEUTRAL_40}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "theme",
      "comment": "Neutral Base 40 - if used as a background, please use Neutral Base 100-90 to meet accessibility guidelines."
    },
    {
      "name": "color-neutral-base-30",
      "value": "{!PALETTE_NEUTRAL_30}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "theme",
      "comment": "Neutral Base 30 - if used as a background, please use Neutral Base 100-80 to meet accessibility guidelines."
    },
    {
      "name": "color-neutral-base-20",
      "value": "{!PALETTE_NEUTRAL_20}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "theme",
      "comment": "Neutral Base 20 - if used as a background, please use Neutral Base 100-70 to meet accessibility guidelines."
    },
    {
      "name": "color-neutral-base-15",
      "value": "{!PALETTE_NEUTRAL_15}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "theme",
      "comment": "Neutral Base 15 - if used as a background, please use Neutral Base 100-65 to meet accessibility guidelines."
    },
    {
      "name": "color-neutral-base-10",
      "value": "{!PALETTE_NEUTRAL_10}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "theme",
      "comment": "Neutral Base 10 - if used as a background, please use Neutral Base 100-65 to meet accessibility guidelines."
    },
    {
      "name": "color-brand-base-100",
      "value": "{!PALETTE_BLUE_100}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "theme",
      "comment": "Brand Base 100 - if used as a background, please use Brand Base 60-10 to meet accessibility guidelines."
    },
    {
      "name": "color-brand-base-95",
      "value": "{!PALETTE_BLUE_95}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "theme",
      "comment": "Brand Base 95 - if used as a background, please use Brand Base 50-10 to meet accessibility guidelines."
    },
    {
      "name": "color-brand-base-90",
      "value": "{!PALETTE_BLUE_90}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "theme",
      "comment": "Brand Base 90 - if used as a background, please use Brand Base 40-10 to meet accessibility guidelines."
    },
    {
      "name": "color-brand-base-80",
      "value": "{!PALETTE_BLUE_80}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "theme",
      "comment": "Brand Base 80 - if used as a background, please use Brand Base 30-10 to meet accessibility guidelines."
    },
    {
      "name": "color-brand-base-70",
      "value": "{!PALETTE_BLUE_70}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "theme",
      "comment": "Brand Base 70 - if used as a background, please use Brand Base 20-10 to meet accessibility guidelines."
    },
    {
      "name": "color-brand-base-65",
      "value": "{!PALETTE_BLUE_65}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "theme",
      "comment": "Brand Base 65 - if used as a background, please use Brand Base 15-10 to meet accessibility guidelines."
    },
    {
      "name": "color-brand-base-60",
      "value": "{!PALETTE_BLUE_60}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "theme",
      "comment": "Brand Base 60 - if used as a background, please use Brand Base 100 to meet accessibility guidelines."
    },
    {
      "name": "color-brand-base-50",
      "value": "{!PALETTE_BLUE_50}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "theme",
      "comment": "Brand Base 50 - if used as a background, please use Brand Base 100-95 to meet accessibility guidelines."
    },
    {
      "name": "color-brand-base-40",
      "value": "{!PALETTE_BLUE_40}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "theme",
      "comment": "Brand Base 40 - if used as a background, please use Brand Base 100-90 to meet accessibility guidelines."
    },
    {
      "name": "color-brand-base-30",
      "value": "{!PALETTE_BLUE_30}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "theme",
      "comment": "Brand Base 30 - if used as a background, please use Brand Base 100-80 to meet accessibility guidelines."
    },
    {
      "name": "color-brand-base-20",
      "value": "{!PALETTE_BLUE_20}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "theme",
      "comment": "Brand Base 20 - if used as a background, please use Brand Base 100-70 to meet accessibility guidelines."
    },
    {
      "name": "color-brand-base-15",
      "value": "{!PALETTE_BLUE_15}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "theme",
      "comment": "Brand Base 15 - if used as a background, please use Brand Base 100-65 to meet accessibility guidelines."
    },
    {
      "name": "color-brand-base-10",
      "value": "{!PALETTE_BLUE_10}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "theme",
      "comment": "Brand Base 10 - if used as a background, please use Brand Base 100-65 to meet accessibility guidelines."
    },
    {
      "name": "color-error-base-100",
      "value": "{!PALETTE_NEUTRAL_100}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "feedback",
      "comment": "Error Base 100 - if used as a background, please use Error Base 60-10 to meet accessibility guidelines."
    },
    {
      "name": "color-error-base-90",
      "value": "{!PALETTE_RED_90}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "feedback",
      "comment": "Error Base 90 - if used as a background, please use Error Base 50-10 to meet accessibility guidelines."
    },
    {
      "name": "color-error-base-80",
      "value": "{!PALETTE_RED_80}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "feedback",
      "comment": "Error Base 80 - if used as a background, please use Error Base 40-10 to meet accessibility guidelines."
    },
    {
      "name": "color-error-base-70",
      "value": "{!PALETTE_RED_70}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "feedback",
      "comment": "Error Base 70 - if used as a background, please use Error Base 30-10 to meet accessibility guidelines."
    },
    {
      "name": "color-error-base-60",
      "value": "{!PALETTE_RED_60}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "feedback",
      "comment": "Error Base 60 - if used as a background, please use Error Base 20-10 to meet accessibility guidelines."
    },
    {
      "name": "color-error-base-50",
      "value": "{!PALETTE_RED_50}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "feedback",
      "comment": "Error Base 50 - if used as a background, please use Error Base 100-90 to meet accessibility guidelines."
    },
    {
      "name": "color-error-base-40",
      "value": "{!PALETTE_RED_40}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "feedback",
      "comment": "Error Base 40 - if used as a background, please use Error Base 100-80 to meet accessibility guidelines."
    },
    {
      "name": "color-error-base-30",
      "value": "{!PALETTE_RED_30}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "feedback",
      "comment": "Error Base 30 - if used as a background, please use Error Base 100-70 to meet accessibility guidelines."
    },
    {
      "name": "color-error-base-20",
      "value": "{!PALETTE_RED_20}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "feedback",
      "comment": "Error Base 20 - if used as a background, please use Error Base 100-60 to meet accessibility guidelines."
    },
    {
      "name": "color-error-base-10",
      "value": "{!PALETTE_RED_10}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "feedback",
      "comment": "Error Base 10 - if used as a background, please use Error Base 100-50 to meet accessibility guidelines."
    },

    {
      "name": "color-warning-base-100",
      "value": "{!PALETTE_NEUTRAL_100}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "feedback",
      "comment": "Warning Base 100 - if used as a background, please use Warning Base 60-10 to meet accessibility guidelines."
    },
    {
      "name": "color-warning-base-90",
      "value": "{!PALETTE_ORANGE_90}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "feedback",
      "comment": "Warning Base 90 - if used as a background, please use Warning Base 50-10 to meet accessibility guidelines."
    },
    {
      "name": "color-warning-base-80",
      "value": "{!PALETTE_ORANGE_80}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "feedback",
      "comment": "Warning Base 80 - if used as a background, please use Warning Base 40-10 to meet accessibility guidelines."
    },
    {
      "name": "color-warning-base-70",
      "value": "{!PALETTE_ORANGE_70}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "feedback",
      "comment": "Warning Base 70 - if used as a background, please use Warning Base 30-10 to meet accessibility guidelines."
    },
    {
      "name": "color-warning-base-60",
      "value": "{!PALETTE_ORANGE_60}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "feedback",
      "comment": "Warning Base 60 - if used as a background, please use Warning Base 20-10 to meet accessibility guidelines."
    },
    {
      "name": "color-warning-base-50",
      "value": "{!PALETTE_ORANGE_50}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "feedback",
      "comment": "Warning Base 50 - if used as a background, please use Warning Base 100-90 to meet accessibility guidelines."
    },
    {
      "name": "color-warning-base-40",
      "value": "{!PALETTE_ORANGE_40}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "feedback",
      "comment": "Warning Base 40 - if used as a background, please use Warning Base 100-80 to meet accessibility guidelines."
    },
    {
      "name": "color-warning-base-30",
      "value": "{!PALETTE_ORANGE_30}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "feedback",
      "comment": "Warning Base 30 - if used as a background, please use Warning Base 100-70 to meet accessibility guidelines."
    },
    {
      "name": "color-warning-base-20",
      "value": "{!PALETTE_ORANGE_20}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "feedback",
      "comment": "Warning Base 20 - if used as a background, please use Warning Base 100-60 to meet accessibility guidelines."
    },
    {
      "name": "color-warning-base-10",
      "value": "{!PALETTE_ORANGE_10}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "feedback",
      "comment": "Warning Base 10 - if used as a background, please use Warning Base 100-50 to meet accessibility guidelines."
    },

    {
      "name": "color-success-base-100",
      "value": "{!PALETTE_NEUTRAL_100}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "feedback",
      "comment": "Success Base 100 - if used as a background, please use Success Base 60-10 to meet accessibility guidelines."
    },
    {
      "name": "color-success-base-90",
      "value": "{!PALETTE_GREEN_90}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "feedback",
      "comment": "Success Base 90 - if used as a background, please use Success Base 50-10 to meet accessibility guidelines."
    },
    {
      "name": "color-success-base-80",
      "value": "{!PALETTE_GREEN_80}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "feedback",
      "comment": "Success Base 80 - if used as a background, please use Success Base 40-10 to meet accessibility guidelines."
    },
    {
      "name": "color-success-base-70",
      "value": "{!PALETTE_GREEN_70}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "feedback",
      "comment": "Success Base 70 - if used as a background, please use Success Base 30-10 to meet accessibility guidelines."
    },
    {
      "name": "color-success-base-60",
      "value": "{!PALETTE_GREEN_60}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "feedback",
      "comment": "Success Base 60 - if used as a background, please use Success Base 20-10 to meet accessibility guidelines."
    },
    {
      "name": "color-success-base-50",
      "value": "{!PALETTE_GREEN_50}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "feedback",
      "comment": "Success Base 50 - if used as a background, please use Success Base 100-90 to meet accessibility guidelines."
    },
    {
      "name": "color-success-base-40",
      "value": "{!PALETTE_GREEN_40}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "feedback",
      "comment": "Success Base 40 - if used as a background, please use Success Base 100-80 to meet accessibility guidelines."
    },
    {
      "name": "color-success-base-30",
      "value": "{!PALETTE_GREEN_30}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "feedback",
      "comment": "Success Base 30 - if used as a background, please use Success Base 100-70 to meet accessibility guidelines."
    },
    {
      "name": "color-success-base-20",
      "value": "{!PALETTE_GREEN_20}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "feedback",
      "comment": "Success Base 20 - if used as a background, please use Success Base 100-60 to meet accessibility guidelines."
    },
    {
      "name": "color-success-base-10",
      "value": "{!PALETTE_GREEN_10}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "group": "feedback",
      "comment": "Success Base 10 - if used as a background, please use Success Base 100-50 to meet accessibility guidelines."
    },

    {
      "name": "color-border-base-1",
      "value": "{!PALETTE_NEUTRAL_80}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": false,
      "scope": "global",
      "cssProperties": ["border-color"],
      "group": "borders",
      "comment": "Nuetral border color for UI elements."
    },
    {
      "name": "color-border-base-2",
      "value": "{!PALETTE_NEUTRAL_70}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": false,
      "scope": "global",
      "cssProperties": ["border-color"],
      "group": "borders",
      "comment": "Neutral border color for UI elements."
    },
    {
      "name": "color-border-base-3",
      "value": "{!PALETTE_NEUTRAL_60}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": false,
      "scope": "global",
      "cssProperties": ["border-color"],
      "group": "borders",
      "comment": "Neutral border color for UI elements."
    },
    {
      "name": "color-border-base-4",
      "value": "{!PALETTE_NEUTRAL_50}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": false,
      "scope": "global",
      "cssProperties": ["border-color"],
      "group": "borders",
      "comment": "Neutral border color for UI elements."
    },
    {
      "name": "color-border-brand-1",
      "value": "{!PALETTE_BLUE_70}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": false,
      "scope": "global",
      "cssProperties": ["border-color"],
      "group": "borders",
      "comment": "Brand border color for UI elements."
    },
    {
      "name": "color-border-brand-2",
      "value": "{!PALETTE_BLUE_60}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": false,
      "scope": "global",
      "cssProperties": ["border-color"],
      "group": "borders",
      "comment": "Alternate brand border color for UI elements."
    },
    {
      "name": "link-color",
      "value": "{!PALETTE_BLUE_40}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "cssProperties": ["color"],
      "group": "links",
      "comment": "Default color for hyperlinks."
    },
    {
      "name": "link-color-hover",
      "value": "{!PALETTE_BLUE_30}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "cssProperties": ["color"],
      "group": "links",
      "comment": "Default color on hover for hyperlinks."
    },
    {
      "name": "link-color-focus",
      "value": "{!PALETTE_BLUE_30}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "cssProperties": ["color"],
      "group": "links",
      "comment": "Default color on focus for hyperlinks."
    },
    {
      "name": "link-color-active",
      "value": "{!PALETTE_BLUE_20}",
      "type": "color",
      "category": "color",
      "syntax": "<color>",
      "inherits": true,
      "scope": "global",
      "cssProperties": ["color"],
      "group": "links",
      "comment": "Default color on active for hyperlinks."
    }
  ]
}