# -------------
# Brand Colours
# -------------

imports:
  - "../neutral.palette.alias.yml"

props:
  - name: vf-color--neutral--0
    value: '{!vf-color--neutral--0}'
    meta:
      friendlyName: Neutral 0
      sassFunction: neutral
      sassMap: 0
      CSSCustomProperty: --vf-color--neutral--0

  - name: vf-color--neutral--100
    value: '{!vf-color--neutral--100}'
    meta:
      friendlyName: Neutral 100
      sassFunction: neutral
      sassMap: 100
      CSSCustomProperty: --vf-color--neutral--100

  - name: vf-color--neutral--200
    value: '{!vf-color--neutral--200}'
    meta:
      friendlyName: Neutral 200
      sassFunction: neutral
      sassMap: 200
      CSSCustomProperty: --vf-color--neutral--200

  - name: vf-color--neutral--300
    value: '{!vf-color--neutral--300}'
    meta:
      friendlyName: Neutral 300
      sassFunction: neutral
      sassMap: 300
      CSSCustomProperty: --vf-color--neutral--300

  - name: vf-color--neutral--400
    value: '{!vf-color--neutral--400}'
    meta:
      friendlyName: Neutral 400
      sassFunction: neutral
      sassMap: 400
      CSSCustomProperty: --vf-color--neutral--400

  - name: vf-color--neutral--500
    value: '{!vf-color--neutral--500}'
    meta:
      friendlyName: Neutral 500
      sassFunction: neutral
      sassMap: 500
      CSSCustomProperty: --vf-color--neutral--500

  - name: vf-color--neutral--600
    value: '{!vf-color--neutral--600}'
    meta:
      friendlyName: Neutral 600
      sassFunction: neutral
      sassMap: 600
      CSSCustomProperty: --vf-color--neutral--600

  - name: vf-color--neutral--700
    value: '{!vf-color--neutral--700}'
    meta:
      friendlyName: Neutral 700
      sassFunction: neutral
      sassMap: 700
      CSSCustomProperty: --vf-color--neutral--700

  - name: vf-color--neutral--800
    value: '{!vf-color--neutral--800}'
    meta:
      friendlyName: Neutral 800
      sassFunction: neutral
      sassMap: 800
      CSSCustomProperty: --vf-color--neutral--800

  - name: vf-color--neutral--900
    value: '{!vf-color--neutral--900}'
    meta:
      friendlyName: Neutral 900
      sassFunction: neutral
      sassMap: 900
      CSSCustomProperty: --vf-color--neutral--900


global:
  type: color
  category: color