{
  "light": {
    "color": {
      "text": {
        "default": {
          "$type": "color",
          "$value": "{core.color.neutral.950}",
          "$description": "Gebruik voor primaire tekst zoals body copy, sentence case headers, en buttons in het light theme."
        },
        "inverse": {
          "$type": "color",
          "$value": "{core.color.neutral.50}",
          "$description": "Gebruik voor tekst op contrasterende achtergronden in het light theme."
        },
        "disabled": {
          "$type": "color",
          "$value": "{core.color.neutral.alpha.500}",
          "$description": "Gebruik voor tekst in een disabled state in het light theme."
        },
        "selected": {
          "$type": "color",
          "$value": "{core.color.ugent-blue.500}",
          "$description": "Gebruik voor tekst in selected of opened states zoals tabs en dropdown buttons in het light theme."
        },
        "brand": {
          "$type": "color",
          "$value": "{core.color.ugent-blue.600}",
          "$description": "Gebruik voor tekst die de UGent merkidentiteit benadrukt in het light theme."
        },
        "danger": {
          "$type": "color",
          "$value": "{core.color.tomato.600}",
          "$description": "Gebruik voor tekst bij het signaleren van waarschuwingen of fouten, zoals input field errors in het light theme."
        },
        "warning": {
          "$type": "color",
          "$value": "{core.color.ugent-yellow.600}",
          "$description": "Gebruik voor waarschuwing- en notificatietekst in het light theme."
        },
        "success": {
          "$type": "color",
          "$value": "{core.color.mint.600}",
          "$description": "Gebruik voor succes- en bevestigingtekst in het light theme."
        },
        "information": {
          "$type": "color",
          "$value": "{core.color.electric-blue.600}",
          "$description": "Gebruik voor informatieve tekst of om aan te geven dat iets in uitvoering is in het light theme."
        },
        "subtle": {
          "$type": "color",
          "$value": "{core.color.neutral.800}",
          "$description": "Gebruik voor secundaire tekst zoals navigatie, button links, input field labels en all caps subheadings in het light theme."
        },
        "subtlest": {
          "$type": "color",
          "$value": "{core.color.neutral.700}",
          "$description": "Gebruik voor tertiaire tekst zoals meta-data, breadcrumbs, input field placeholder en helper text in het light theme."
        }
      },
      "link": {
        "default": {
          "$type": "color",
          "$value": "{core.color.ugent-blue.600}",
          "$description": "Gebruik voor links in een default state in het light theme. Voeg een underline toe voor hovered states."
        },
        "pressed": {
          "$type": "color",
          "$value": "{core.color.ugent-blue.700}",
          "$description": "Gebruik voor links in een pressed state in het light theme."
        },
        "visited": {
          "$type": "color",
          "$value": "{core.color.ugent-blue.500}",
          "$description": "Gebruik voor links in een visited state in het light theme."
        }
      },
      "border": {
        "default": {
          "$type": "color",
          "$value": "{core.color.neutral.alpha.300}",
          "$description": "Gebruik voor UI-elementen visueel te groeperen of te scheiden in het light theme."
        },
        "inverse": {
          "$type": "color",
          "$value": "{core.color.neutral.50}"
        },
        "disabled": {
          "$type": "color",
          "$value": "{core.color.neutral.alpha.500}"
        },
        "selected": {
          "$type": "color",
          "$value": "{core.color.ugent-blue.700}"
        },
        "brand": {
          "$type": "color",
          "$value": "{core.color.ugent-blue.600}"
        },
        "danger": {
          "$type": "color",
          "$value": "{core.color.tomato.600}"
        },
        "warning": {
          "$type": "color",
          "$value": "{core.color.ugent-yellow.600}"
        },
        "success": {
          "$type": "color",
          "$value": "{core.color.mint.600}"
        },
        "information": {
          "$type": "color",
          "$value": "{core.color.electric-blue.600}"
        },
        "input": {
          "$type": "color",
          "$value": "{core.color.neutral.500}"
        }
      },
      "background": {
        "brand": {
          "default": {
            "$type": "color",
            "$value": "{core.color.ugent-blue.600}",
            "$description": "Gebruik voor achtergrond die de UGent merkidentiteit benadrukt in het light theme."
          },
          "hovered": {
            "$type": "color",
            "$value": "{core.color.ugent-blue.500}"
          },
          "pressed": {
            "$type": "color",
            "$value": "{core.color.ugent-blue.700}"
          }
        },
        "danger": {
          "default": {
            "$type": "color",
            "$value": "{core.color.tomato.600}",
            "$description": "Gebruik voor achtergronden die kritieke informatie communiceren, zoals in foutmeldingssecties in het light theme."
          },
          "hovered": {
            "$type": "color",
            "$value": "{core.color.tomato.500}"
          },
          "pressed": {
            "$type": "color",
            "$value": "{core.color.tomato.700}"
          }
        },
        "warning": {
          "default": {
            "$type": "color",
            "$value": "{core.color.ugent-yellow.600}",
            "$description": "Gebruik voor achtergronden die voorzichtigheid communiceren, zoals in waarschuwingssecties in het light theme."
          },
          "hovered": {
            "$type": "color",
            "$value": "{core.color.ugent-yellow.500}"
          },
          "pressed": {
            "$type": "color",
            "$value": "{core.color.ugent-yellow.700}"
          }
        },
        "success": {
          "default": {
            "$type": "color",
            "$value": "{core.color.mint.600}",
            "$description": "Gebruik voor succes- en bevestiging achtergrond in het light theme."
          },
          "hovered": {
            "$type": "color",
            "$value": "{core.color.mint.500}"
          },
          "pressed": {
            "$type": "color",
            "$value": "{core.color.mint.700}"
          }
        },
        "information": {
          "default": {
            "$type": "color",
            "$value": "{core.color.electric-blue.600}",
            "$description": "Gebruik voor informatieve achtergrond of om aan te geven dat iets in uitvoering is in het light theme."
          },
          "hovered": {
            "$type": "color",
            "$value": "{core.color.electric-blue.500}"
          },
          "pressed": {
            "$type": "color",
            "$value": "{core.color.electric-blue.700}"
          }
        },
        "neutral": {
          "default": {
            "$type": "color",
            "$value": "{core.color.neutral.300}",
            "$description": "Gebruik voor neutrale achtergrond wanneer er geen betekenis aan de kleur is verbonden."
          },
          "hovered": {
            "$type": "color",
            "$value": "{core.color.neutral.400}"
          },
          "pressed": {
            "$type": "color",
            "$value": "{core.color.neutral.500}"
          }
        },
        "input": {
          "default": {
            "$type": "color",
            "$value": "{core.color.neutral.50}",
            "$description": "Gebruik als achtergrond voor form UI-elementen zoals textfields, checkboxes, en radio buttons"
          },
          "hovered": {
            "$type": "color",
            "$value": "{core.color.neutral.100}"
          },
          "pressed": {
            "$type": "color",
            "$value": "{core.color.neutral.50}"
          }
        },
        "disabled": {
          "$type": "color",
          "$value": "{core.color.neutral.alpha.100}",
          "$description": "Gebruik als achtergrond voor UI-elementen in een disabled state"
        }
      }
    },
    "elevation": {
      "surface": {
        "basic": {
          "default": {
            "$type": "color",
            "$value": "{core.color.neutral.0}",
            "$description": "Gebruik als de primaire achtergrond voor de UI in het light theme."
          },
          "hovered": {
            "$type": "color",
            "$value": "{core.color.neutral.50}",
            "$description": "Gebruik als de primaire achtergrond in een hovered state in de UI in het light theme."
          },
          "pressed": {
            "$type": "color",
            "$value": "{core.color.neutral.100}",
            "$description": "Gebruik als de primaire achtergrond in een pressed state in de UI in het light theme."
          }
        },
        "raised": {
          "default": {
            "$type": "color",
            "$value": "{core.color.neutral.100}"
          },
          "hovered": {
            "$type": "color",
            "$value": "{core.color.neutral.200}"
          },
          "pressed": {
            "$type": "color",
            "$value": "{core.color.neutral.300}"
          }
        },
        "overlay": {
          "default": {
            "$type": "color",
            "$value": "{core.color.neutral.100}"
          },
          "hovered": {
            "$type": "color",
            "$value": "{core.color.neutral.200}"
          },
          "pressed": {
            "$type": "color",
            "$value": "{core.color.neutral.300}"
          }
        },
        "sunken": {
          "default": {
            "$type": "color",
            "$value": "{core.color.neutral.50}"
          }
        }
      },
      "shadow": {
        "overflow": {
          "$type": "boxShadow",
          "$value": "0px 0px 8px rgba(9, 30, 66, 0.16),0px 0px 1px rgba(9, 30, 66, 0.12)"
        },
        "overlay": {
          "$type": "boxShadow",
          "$value": "0px 8px 12px rgba(9, 30, 66, 0.15),0px 0px 1px rgba(9, 30, 66, 0.31)"
        },
        "raised": {
          "$type": "boxShadow",
          "$value": "0px 1px 1px rgba(9, 30, 66, 0.25),0px 0px 1px rgba(9, 30, 66, 0.31)"
        }
      }
    }
  },
  "dark": {
    "color": {
      "text": {
        "default": {
          "$type": "color",
          "$value": "{core.color.neutral.dark.900}",
          "$description": "Gebruik voor primaire tekst zoals body copy, sentence case headers, en buttons in het dark theme."
        },
        "inverse": {
          "$type": "color",
          "$value": "{core.color.neutral.dark.100}",
          "$description": "Gebruik voor tekst op contrasterende achtergronden in het dark theme."
        },
        "disabled": {
          "$type": "color",
          "$value": "{core.color.neutral.dark.alpha.500}",
          "$description": "Gebruik voor tekst in een disabled state in het dark theme."
        },
        "selected": {
          "$type": "color",
          "$value": "{core.color.ugent-blue.700}",
          "$description": "Gebruik voor tekst in selected of opened states zoals tabs en dropdown buttons in het dark theme."
        },
        "brand": {
          "$type": "color",
          "$value": "{core.color.ugent-blue.600}",
          "$description": "Gebruik voor tekst die de UGent merkidentiteit benadrukt in het dark theme."
        },
        "danger": {
          "$type": "color",
          "$value": "{core.color.tomato.600}",
          "$description": "Gebruik voor tekst bij het signaleren van waarschuwingen of fouten, zoals input field errors in het dark theme."
        },
        "warning": {
          "$type": "color",
          "$value": "{core.color.ugent-yellow.600}",
          "$description": "Gebruik voor waarschuwing- en notificatietekst in het dark theme."
        },
        "success": {
          "$type": "color",
          "$value": "{core.color.mint.600}",
          "$description": "Gebruik voor succes- en bevestigingtekst in het dark theme."
        },
        "information": {
          "$type": "color",
          "$value": "{core.color.electric-blue.600}",
          "$description": "Gebruik voor informatieve tekst of om aan te geven dat iets in uitvoering is in het dark theme."
        },
        "subtle": {
          "$type": "color",
          "$value": "{core.color.neutral.dark.800}",
          "$description": "Gebruik voor secundaire tekst zoals navigatie, button links, input field labels en all caps subheadings in het dark theme."
        },
        "subtlest": {
          "$type": "color",
          "$value": "{core.color.neutral.dark.700}",
          "$description": "Gebruik voor tertiaire tekst zoals meta-data, breadcrumbs, input field placeholder en helper text in het dark theme."
        }
      },
      "link": {
        "default": {
          "$type": "color",
          "$value": "{core.color.ugent-blue.500}",
          "$description": "Gebruik voor links in een default state in het dark theme. Voeg een underline toe voor hovered states."
        },
        "pressed": {
          "$type": "color",
          "$value": "{core.color.ugent-blue.400}",
          "$description": "Gebruik voor links in een pressed state in het dark theme."
        },
        "visited": {
          "$type": "color",
          "$value": "{core.color.ugent-blue.600}",
          "$description": "Gebruik voor links in een visited state in het dark theme."
        }
      },
      "border": {
        "default": {
          "$type": "color",
          "$value": "{core.color.neutral.alpha.300}",
          "$description": "Gebruik voor UI-elementen visueel te groeperen of te scheiden in het dark theme."
        },
        "inverse": {
          "$type": "color",
          "$value": "{core.color.neutral.dark.50}"
        },
        "disabled": {
          "$type": "color",
          "$value": "{core.color.neutral.dark.alpha.500}"
        },
        "selected": {
          "$type": "color",
          "$value": "{core.color.ugent-blue.500}"
        },
        "brand": {
          "$type": "color",
          "$value": "{core.color.ugent-blue.600}"
        },
        "danger": {
          "$type": "color",
          "$value": "{core.color.tomato.600}"
        },
        "warning": {
          "$type": "color",
          "$value": "{core.color.ugent-yellow.600}"
        },
        "success": {
          "$type": "color",
          "$value": "{core.color.mint.600}"
        },
        "information": {
          "$type": "color",
          "$value": "{core.color.electric-blue.600}"
        },
        "input": {
          "$type": "color",
          "$value": "{core.color.neutral.dark.500}"
        }
      },
      "background": {
        "brand": {
          "default": {
            "$type": "color",
            "$value": "{core.color.ugent-blue.600}",
            "$description": "Gebruik voor achtergrond die de UGent merkidentiteit benadrukt in het dark theme."
          },
          "hovered": {
            "$type": "color",
            "$value": "{core.color.ugent-blue.700}"
          },
          "pressed": {
            "$type": "color",
            "$value": "{core.color.ugent-blue.500}"
          }
        },
        "danger": {
          "default": {
            "$type": "color",
            "$value": "{core.color.tomato.600}",
            "$description": "Gebruik voor achtergronden die kritieke informatie communiceren, zoals in foutmeldingssecties in het dark theme."
          },
          "hovered": {
            "$type": "color",
            "$value": "{core.color.tomato.700}"
          },
          "pressed": {
            "$type": "color",
            "$value": "{core.color.tomato.500}"
          }
        },
        "warning": {
          "default": {
            "$type": "color",
            "$value": "{core.color.ugent-yellow.600}",
            "$description": "Gebruik voor achtergronden die voorzichtigheid communiceren, zoals in waarschuwingssecties in het dark theme."
          },
          "hovered": {
            "$type": "color",
            "$value": "{core.color.ugent-yellow.700}"
          },
          "pressed": {
            "$type": "color",
            "$value": "{core.color.ugent-yellow.500}"
          }
        },
        "success": {
          "default": {
            "$type": "color",
            "$value": "{core.color.mint.600}",
            "$description": "Gebruik voor succes- en bevestiging achtergrond in het dark theme."
          },
          "hovered": {
            "$type": "color",
            "$value": "{core.color.mint.700}"
          },
          "pressed": {
            "$type": "color",
            "$value": "{core.color.mint.500}"
          }
        },
        "information": {
          "default": {
            "$type": "color",
            "$value": "{core.color.electric-blue.600}",
            "$description": "Gebruik voor informatieve achtergrond of om aan te geven dat iets in uitvoering is in het light theme."
          },
          "hovered": {
            "$type": "color",
            "$value": "{core.color.electric-blue.700}"
          },
          "pressed": {
            "$type": "color",
            "$value": "{core.color.electric-blue.500}"
          }
        },
        "neutral": {
          "default": {
            "$type": "color",
            "$value": "{core.color.neutral.dark.300}",
            "$description": "Gebruik voor neutrale achtergrond wanneer er geen betekenis aan de kleur is verbonden."
          },
          "hovered": {
            "$type": "color",
            "$value": "{core.color.neutral.dark.400}"
          },
          "pressed": {
            "$type": "color",
            "$value": "{core.color.neutral.dark.500}"
          }
        },
        "input": {
          "default": {
            "$type": "color",
            "$value": "{core.color.neutral.dark.50}",
            "$description": "Gebruik als achtergrond voor form UI-elementen zoals textfields, checkboxes, en radio buttons."
          },
          "hovered": {
            "$type": "color",
            "$value": "{core.color.neutral.dark.100}"
          },
          "pressed": {
            "$type": "color",
            "$value": "{core.color.neutral.dark.50}"
          }
        },
        "disabled": {
          "$type": "color",
          "$value": "{core.color.neutral.dark.alpha.100}",
          "$description": "Gebruik als achtergrond voor UI-elementen in een disabled state"
        }
      }
    },
    "elevation": {
      "surface": {
        "basic": {
          "default": {
            "$type": "color",
            "$value": "{core.color.neutral.dark.50}",
            "$description": "Gebruik als de primaire achtergrond voor de UI in het dark theme."
          },
          "hovered": {
            "$type": "color",
            "$value": "{core.color.neutral.dark.100}",
            "$description": "Gebruik als de primaire achtergrond in een hovered state in de UI in het dark theme."
          },
          "pressed": {
            "$type": "color",
            "$value": "{core.color.neutral.dark.200}",
            "$description": "Gebruik als de primaire achtergrond in een pressed state in de UI in het dark theme."
          }
        },
        "raised": {
          "default": {
            "$type": "color",
            "$value": "{core.color.neutral.dark.100}"
          },
          "hovered": {
            "$type": "color",
            "$value": "{core.color.neutral.dark.200}"
          },
          "pressed": {
            "$type": "color",
            "$value": "{core.color.neutral.dark.300}"
          }
        },
        "overlay": {
          "default": {
            "$type": "color",
            "$value": "{core.color.neutral.dark.100}"
          },
          "hovered": {
            "$type": "color",
            "$value": "{core.color.neutral.dark.200}"
          },
          "pressed": {
            "$type": "color",
            "$value": "{core.color.neutral.dark.300}"
          }
        },
        "sunken": {
          "default": {
            "$type": "color",
            "$value": "{core.color.neutral.dark.50}"
          }
        }
      },
      "shadow": {
        "overflow": {
          "$type": "boxShadow",
          "$value": "0px 0px 12px rgba(3, 4, 4, 0.56),0px 0px 1px rgba(3, 4, 4, 0.5)"
        },
        "overlay": {
          "$type": "boxShadow",
          "$value": "0px 0px 0px rgba(57, 66, 74, 1),0px 8px 12px rgba(3, 4, 4, 0.36),0px 0px 1px rgba(3, 4, 4, 0.5)"
        },
        "raised": {
          "$type": "boxShadow",
          "$value": "0px 0px 0px rgba(0, 0, 0, 0),0px 1px 1px rgba(3, 4, 4, 0.5),0px 0px 1px rgba(3, 4, 4, 0.5)"
        }
      }
    }
  },
  "core": {
    "color": {
      "ugent-blue": {
        "50": {
          "$type": "color",
          "$value": "#E9F1FC"
        },
        "100": {
          "$type": "color",
          "$value": "#C8DCF5"
        },
        "200": {
          "$type": "color",
          "$value": "#A6C4EC"
        },
        "300": {
          "$type": "color",
          "$value": "#84ACE3"
        },
        "400": {
          "$type": "color",
          "$value": "#6294DA"
        },
        "500": {
          "$type": "color",
          "$value": "#407CD1"
        },
        "600": {
          "$type": "color",
          "$value": "#1E64C8"
        },
        "700": {
          "$type": "color",
          "$value": "#1753A6"
        },
        "800": {
          "$type": "color",
          "$value": "#124182"
        },
        "900": {
          "$type": "color",
          "$value": "#0D2F5E"
        },
        "950": {
          "$type": "color",
          "$value": "#081D3A"
        }
      },
      "ugent-yellow": {
        "50": {
          "$type": "color",
          "$value": "#FFFAE5"
        },
        "100": {
          "$type": "color",
          "$value": "#FFF5BE"
        },
        "200": {
          "$type": "color",
          "$value": "#FFEE98"
        },
        "300": {
          "$type": "color",
          "$value": "#FFE772"
        },
        "400": {
          "$type": "color",
          "$value": "#FFE04C"
        },
        "500": {
          "$type": "color",
          "$value": "#FFD926"
        },
        "600": {
          "$type": "color",
          "$value": "#FFD200"
        },
        "700": {
          "$type": "color",
          "$value": "#D2AD00"
        },
        "800": {
          "$type": "color",
          "$value": "#A48700"
        },
        "900": {
          "$type": "color",
          "$value": "#766100"
        },
        "950": {
          "$type": "color",
          "$value": "#483B00"
        }
      },
      "mint": {
        "50": {
          "$type": "color",
          "$value": "#E5FFF9"
        },
        "100": {
          "$type": "color",
          "$value": "#BEF6EA"
        },
        "200": {
          "$type": "color",
          "$value": "#98ECDA"
        },
        "300": {
          "$type": "color",
          "$value": "#72E2CA"
        },
        "400": {
          "$type": "color",
          "$value": "#4CD8BA"
        },
        "500": {
          "$type": "color",
          "$value": "#26CEAA"
        },
        "600": {
          "$type": "color",
          "$value": "#00C49A"
        },
        "700": {
          "$type": "color",
          "$value": "#00A280"
        },
        "800": {
          "$type": "color",
          "$value": "#008065"
        },
        "900": {
          "$type": "color",
          "$value": "#005E4A"
        },
        "950": {
          "$type": "color",
          "$value": "#003C2F"
        }
      },
      "tomato": {
        "50": {
          "$type": "color",
          "$value": "#FFE7E6"
        },
        "100": {
          "$type": "color",
          "$value": "#FFCFCC"
        },
        "200": {
          "$type": "color",
          "$value": "#FFBAB6"
        },
        "300": {
          "$type": "color",
          "$value": "#FF9D97"
        },
        "400": {
          "$type": "color",
          "$value": "#FE847D"
        },
        "500": {
          "$type": "color",
          "$value": "#FD6B63"
        },
        "600": {
          "$type": "color",
          "$value": "#FC5249"
        },
        "700": {
          "$type": "color",
          "$value": "#CD423C"
        },
        "800": {
          "$type": "color",
          "$value": "#A0322D"
        },
        "900": {
          "$type": "color",
          "$value": "#73221E"
        },
        "950": {
          "$type": "color",
          "$value": "#46120F"
        }
      },
      "electric-blue": {
        "50": {
          "$type": "color",
          "$value": "#E5FDFF"
        },
        "100": {
          "$type": "color",
          "$value": "#BAF9FF"
        },
        "200": {
          "$type": "color",
          "$value": "#9CF7FF"
        },
        "300": {
          "$type": "color",
          "$value": "#72F4FF"
        },
        "400": {
          "$type": "color",
          "$value": "#4CF0FE"
        },
        "500": {
          "$type": "color",
          "$value": "#26ECFD"
        },
        "600": {
          "$type": "color",
          "$value": "#00E8FC"
        },
        "700": {
          "$type": "color",
          "$value": "#00BFCE"
        },
        "800": {
          "$type": "color",
          "$value": "#0095A1"
        },
        "900": {
          "$type": "color",
          "$value": "#006B74"
        },
        "950": {
          "$type": "color",
          "$value": "#004147"
        }
      },
      "neutral": {
        "0": {
          "$type": "color",
          "$value": "#FFFFFF"
        },
        "50": {
          "$type": "color",
          "$value": "#F1F2F4"
        },
        "100": {
          "$type": "color",
          "$value": "#DFE0E8"
        },
        "200": {
          "$type": "color",
          "$value": "#CDD0DA"
        },
        "300": {
          "$type": "color",
          "$value": "#BBC0CC"
        },
        "400": {
          "$type": "color",
          "$value": "#A9B0BE"
        },
        "500": {
          "$type": "color",
          "$value": "#97A0B0"
        },
        "600": {
          "$type": "color",
          "$value": "#8590A2"
        },
        "700": {
          "$type": "color",
          "$value": "#6B7486"
        },
        "800": {
          "$type": "color",
          "$value": "#535A68"
        },
        "900": {
          "$type": "color",
          "$value": "#3B404A"
        },
        "950": {
          "$type": "color",
          "$value": "#0B0C0E"
        },
        "alpha": {
          "100": {
            "$type": "color",
            "$value": "#8590A210"
          },
          "300": {
            "$type": "color",
            "$value": "#8590A230"
          },
          "500": {
            "$type": "color",
            "$value": "#8590A250"
          },
          "700": {
            "$type": "color",
            "$value": "#8590A270"
          },
          "900": {
            "$type": "color",
            "$value": "#8590A290"
          }
        },
        "dark": {
          "50": {
            "$type": "color",
            "$value": "#1B1F22"
          },
          "100": {
            "$type": "color",
            "$value": "#2B3136"
          },
          "200": {
            "$type": "color",
            "$value": "#3B434A"
          },
          "300": {
            "$type": "color",
            "$value": "#4B555E"
          },
          "400": {
            "$type": "color",
            "$value": "#596773"
          },
          "500": {
            "$type": "color",
            "$value": "#727E89"
          },
          "600": {
            "$type": "color",
            "$value": "#8B959F"
          },
          "700": {
            "$type": "color",
            "$value": "#A4ACB5"
          },
          "800": {
            "$type": "color",
            "$value": "#BDC3CB"
          },
          "900": {
            "$type": "color",
            "$value": "#D6DAE1"
          },
          "950": {
            "$type": "color",
            "$value": "#F1F2F4"
          },
          "alpha": {
            "100": {
              "$type": "color",
              "$value": "#8B959F80"
            },
            "300": {
              "$type": "color",
              "$value": "#8B959F70"
            },
            "500": {
              "$type": "color",
              "$value": "#8B959F50"
            },
            "700": {
              "$type": "color",
              "$value": "#8B959F30"
            },
            "900": {
              "$type": "color",
              "$value": "#8B959F20"
            }
          }
        }
      }
    },
    "space": {
      "0": {
        "$type": "dimension",
        "$value": "0px"
      },
      "025": {
        "$type": "dimension",
        "$value": "2px"
      },
      "050": {
        "$type": "dimension",
        "$value": "4px"
      },
      "075": {
        "$type": "dimension",
        "$value": "6px"
      },
      "100": {
        "$type": "dimension",
        "$value": "8px"
      },
      "150": {
        "$type": "dimension",
        "$value": "12px"
      },
      "200": {
        "$type": "dimension",
        "$value": "16px"
      },
      "250": {
        "$type": "dimension",
        "$value": "20px"
      },
      "300": {
        "$type": "dimension",
        "$value": "24px"
      },
      "400": {
        "$type": "dimension",
        "$value": "32px"
      },
      "500": {
        "$type": "dimension",
        "$value": "40px"
      },
      "600": {
        "$type": "dimension",
        "$value": "48px"
      },
      "800": {
        "$type": "dimension",
        "$value": "64px"
      },
      "1000": {
        "$type": "dimension",
        "$value": "80px"
      },
      "negative": {
        "025": {
          "$type": "dimension",
          "$value": "-2px"
        },
        "050": {
          "$type": "dimension",
          "$value": "-4px"
        },
        "075": {
          "$type": "dimension",
          "$value": "-6px"
        },
        "100": {
          "$type": "dimension",
          "$value": "-8px"
        },
        "150": {
          "$type": "dimension",
          "$value": "-12px"
        },
        "200": {
          "$type": "dimension",
          "$value": "-16px"
        },
        "250": {
          "$type": "dimension",
          "$value": "-20px"
        },
        "300": {
          "$type": "dimension",
          "$value": "-24px"
        },
        "400": {
          "$type": "dimension",
          "$value": "-32px"
        }
      }
    },
    "border": {
      "width": {
        "small": {
          "$type": "dimension",
          "$value": "1px"
        },
        "medium": {
          "$type": "dimension",
          "$value": "2px"
        },
        "large": {
          "$type": "dimension",
          "$value": "4px"
        }
      },
      "radius": {
        "small": {
          "$type": "dimension",
          "$value": "3px"
        },
        "medium": {
          "$type": "dimension",
          "$value": "5px"
        },
        "large": {
          "$type": "dimension",
          "$value": "7px"
        },
        "extra-large": {
          "$type": "dimension",
          "$value": "14px"
        }
      }
    },
    "font": {
      "family": {
        "sans-serif": {
          "$type": "fontFamily",
          "$value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif"
        },
        "monospaced": {
          "$type": "fontFamily",
          "$value": "'SFMono-Medium', 'SF Mono', 'Segoe UI Mono', 'Roboto Mono', 'Ubuntu Mono', Menlo, Consolas, Courier, monospace"
        }
      },
      "weight": {
        "light": {
          "$type": "fontWeight",
          "$value": "300"
        },
        "normal": {
          "$type": "fontWeight",
          "$value": "400"
        },
        "medium": {
          "$type": "fontWeight",
          "$value": "500"
        },
        "semibold": {
          "$type": "fontWeight",
          "$value": "600"
        },
        "bold": {
          "$type": "fontWeight",
          "$value": "700"
        }
      },
      "body": {
        "small": {
          "$type": "dimension",
          "$value": "11px"
        },
        "base": {
          "$type": "dimension",
          "$value": "14px"
        },
        "large": {
          "$type": "dimension",
          "$value": "16px"
        }
      },
      "heading": {
        "xxxsmall": {
          "$type": "dimension",
          "$value": "11px"
        },
        "xxsmall": {
          "$type": "dimension",
          "$value": "12px"
        },
        "xsmall": {
          "$type": "dimension",
          "$value": "14px"
        },
        "small": {
          "$type": "dimension",
          "$value": "16px"
        },
        "medium": {
          "$type": "dimension",
          "$value": "20px"
        },
        "large": {
          "$type": "dimension",
          "$value": "24px"
        },
        "xlarge": {
          "$type": "dimension",
          "$value": "29px"
        },
        "xxlarge": {
          "$type": "dimension",
          "$value": "35px"
        }
      },
      "lineheight": {
        "xsmall": {
          "$type": "dimension",
          "$value": "16px"
        },
        "small": {
          "$type": "dimension",
          "$value": "20px"
        },
        "medium": {
          "$type": "dimension",
          "$value": "24px"
        },
        "large": {
          "$type": "dimension",
          "$value": "28px"
        },
        "xlarge": {
          "$type": "dimension",
          "$value": "32px"
        },
        "xxlarge": {
          "$type": "dimension",
          "$value": "40px"
        }
      },
      "letterspacing": {
        "normal": {
          "$type": "dimension",
          "$value": "0"
        },
        "tight": {
          "$type": "dimension",
          "$value": "-0.25px"
        },
        "tighter": {
          "$type": "dimension",
          "$value": "-0.5px"
        }
      }
    }
  },
  "typography": {
    "font-family-sans": {
      "value": "SF Pro Text, Segoe UI, Inter",
      "type": "fontFamilies"
    },
    "headings": {
      "h900": {
        "value": {
          "fontFamily": "{typography.font-family-sans}",
          "fontWeight": "{core.font.weight.medium}",
          "fontSize": "{core.font.heading.xxlarge}",
          "lineHeight": "{core.font.lineheight.xxlarge}",
          "letterSpacing": "{core.font.letterspacing.tighter}"
        },
        "type": "typography",
        "description": "h900 style"
      },
      "h800": {
        "value": {
          "fontFamily": "{typography.font-family-sans}",
          "fontWeight": "{core.font.weight.semibold}",
          "fontSize": "{core.font.heading.xlarge}",
          "lineHeight": "{core.font.lineheight.xlarge}",
          "letterSpacing": "{core.font.letterspacing.tighter}"
        },
        "type": "typography",
        "description": "h800 style"
      },
      "h700": {
        "value": {
          "fontFamily": "{typography.font-family-sans}",
          "fontWeight": "{core.font.weight.medium}",
          "fontSize": "{core.font.heading.large}",
          "lineHeight": "{core.font.lineheight.large}",
          "letterSpacing": "{core.font.letterspacing.tighter}"
        },
        "type": "typography",
        "description": "h700 style"
      },
      "h600": {
        "value": {
          "fontFamily": "{typography.font-family-sans}",
          "fontWeight": "{core.font.weight.medium}",
          "fontSize": "{core.font.heading.medium}",
          "lineHeight": "{core.font.lineheight.medium}",
          "letterSpacing": "{core.font.letterspacing.tighter}"
        },
        "type": "typography",
        "description": "h600 style"
      },
      "h500": {
        "value": {
          "fontFamily": "{typography.font-family-sans}",
          "fontWeight": "{core.font.weight.semibold}",
          "fontSize": "{core.font.heading.small}",
          "lineHeight": "{core.font.lineheight.small}",
          "letterSpacing": "{core.font.letterspacing.tight}"
        },
        "type": "typography",
        "description": "h500 style"
      },
      "h400": {
        "value": {
          "fontFamily": "{typography.font-family-sans}",
          "fontWeight": "{core.font.weight.semibold}",
          "fontSize": "{core.font.heading.xsmall}",
          "lineHeight": "{core.font.lineheight.xsmall}",
          "letterSpacing": "{core.font.letterspacing.tight}"
        },
        "type": "typography",
        "description": "h400 style"
      },
      "h300": {
        "value": {
          "fontFamily": "{typography.font-family-sans}",
          "fontWeight": "{core.font.weight.semibold}",
          "fontSize": "{core.font.heading.xxsmall}",
          "lineHeight": "{core.font.lineheight.xsmall}",
          "letterSpacing": "{core.font.letterspacing.normal}"
        },
        "type": "typography",
        "description": "h300 style"
      },
      "h200": {
        "value": {
          "fontFamily": "{typography.font-family-sans}",
          "fontWeight": "{core.font.weight.semibold}",
          "fontSize": "{core.font.heading.xxsmall}",
          "lineHeight": "{core.font.lineheight.xsmall}",
          "letterSpacing": "{core.font.letterspacing.normal}"
        },
        "type": "typography",
        "description": "h200 style"
      },
      "h100": {
        "value": {
          "fontFamily": "{typography.font-family-sans}",
          "fontWeight": "{core.font.weight.bold}",
          "fontSize": "{core.font.heading.xxxsmall}",
          "lineHeight": "{core.font.lineheight.xsmall}",
          "letterSpacing": "{core.font.letterspacing.normal}"
        },
        "type": "typography",
        "description": "h100 style"
      }
    },
    "text": {
      "regular": {
        "value": {
          "fontFamily": "{typography.font-family-sans}",
          "fontWeight": "{core.font.weight.normal}",
          "fontSize": "{core.font.body.base}",
          "lineHeight": "{core.font.lineheight.small}",
          "letterSpacing": "{core.font.letterspacing.normal}"
        },
        "type": "typography",
        "description": "Regular text style"
      },
      "regular-underline": {
        "value": {
          "fontFamily": "{typography.font-family-sans}",
          "fontWeight": "{core.font.weight.normal}",
          "fontSize": "{core.font.body.base}",
          "lineHeight": "{core.font.lineheight.small}",
          "letterSpacing": "{core.font.letterspacing.normal}",
          "textDecoration": "underline"
        },
        "type": "typography",
        "description": "Regular underline text style"
      },
      "Bold": {
        "value": {
          "fontFamily": "{typography.font-family-sans}",
          "fontWeight": "{core.font.weight.bold}",
          "fontSize": "{core.font.body.base}",
          "lineHeight": "{core.font.lineheight.small}",
          "letterSpacing": "{core.font.letterspacing.normal}"
        },
        "type": "typography",
        "description": "Regular underline text style"
      },
      "Bold underline": {
        "value": {
          "fontFamily": "{typography.font-family-sans}",
          "fontWeight": "{core.font.weight.bold}",
          "fontSize": "{core.font.body.base}",
          "lineHeight": "{core.font.lineheight.small}",
          "letterSpacing": "{core.font.letterspacing.normal}",
          "textDecoration": "underline"
        },
        "type": "typography",
        "description": "Regular underline text style"
      }
    }
  }
}