{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "schemaVersion": "1.0.0",
  "name": "NODE.DC Design Tokens",
  "color": {
    "accentRgb": { "$type": "color", "$value": "rgb(255 47 146)" },
    "onAccentRgb": { "$type": "color", "$value": "rgb(11 17 23)" },
    "dangerRgb": { "$type": "color", "$value": "rgb(255 116 116)" },
    "warningRgb": { "$type": "color", "$value": "rgb(255 209 102)" },
    "successRgb": { "$type": "color", "$value": "rgb(181 255 90)" }
  },
  "radius": {
    "modal": { "$type": "dimension", "$value": "28px" },
    "panel": { "$type": "dimension", "$value": "22px" },
    "card": { "$type": "dimension", "$value": "21.6px" },
    "control": { "$type": "dimension", "$value": "20px" },
    "controlCompact": { "$type": "dimension", "$value": "14px" },
    "option": { "$type": "dimension", "$value": "14.4px" },
    "circle": { "$type": "dimension", "$value": "999px" }
  },
  "size": {
    "control": { "$type": "dimension", "$value": "46px" },
    "controlCompact": { "$type": "dimension", "$value": "38px" },
    "iconButton": { "$type": "dimension", "$value": "46px" },
    "headerRow": { "$type": "dimension", "$value": "48px" },
    "headerPill": { "$type": "dimension", "$value": "55.2px" },
    "headerControl": { "$type": "dimension", "$value": "44.48px" },
    "logoWidth": { "$type": "dimension", "$value": "116px" },
    "logoHeight": { "$type": "dimension", "$value": "28.64px" },
    "inspectorWidth": { "$type": "dimension", "$value": "390px" },
    "inspectorInnerWidth": { "$type": "dimension", "$value": "330px" },
    "inspectorLabelWidth": { "$type": "dimension", "$value": "154px" },
    "inspectorControlWidth": { "$type": "dimension", "$value": "162px" },
    "inspectorControlGap": { "$type": "dimension", "$value": "14px" },
    "selectToggleWidth": { "$type": "dimension", "$value": "46px" },
    "selectGap": { "$type": "dimension", "$value": "8px" }
  },
  "space": {
    "1": { "$type": "dimension", "$value": "4px" },
    "2": { "$type": "dimension", "$value": "8px" },
    "3": { "$type": "dimension", "$value": "12px" },
    "4": { "$type": "dimension", "$value": "16px" },
    "5": { "$type": "dimension", "$value": "20px" },
    "6": { "$type": "dimension", "$value": "24px" },
    "8": { "$type": "dimension", "$value": "32px" },
    "page": { "$type": "dimension", "$value": "20px" }
  },
  "blur": {
    "control": { "$type": "dimension", "$value": "24px" },
    "panel": { "$type": "dimension", "$value": "44px" },
    "modal": { "$type": "dimension", "$value": "64px" },
    "dropdown": { "$type": "dimension", "$value": "44px" }
  },
  "duration": {
    "fast": { "$type": "duration", "$value": "120ms" },
    "normal": { "$type": "duration", "$value": "180ms" },
    "slow": { "$type": "duration", "$value": "260ms" }
  },
  "layer": {
    "base": { "$type": "number", "$value": 0 },
    "panel": { "$type": "number", "$value": 100 },
    "header": { "$type": "number", "$value": 400 },
    "overlay": { "$type": "number", "$value": 800 },
    "popover": { "$type": "number", "$value": 900 },
    "toast": { "$type": "number", "$value": 950 }
  }
}
