{
  "schemaVersion": "0.1.0",
  "name": "NODE.DC Design Tokens",
  "color": {
    "accentRgb": [195, 255, 102],
    "onAccentRgb": [11, 17, 23],
    "componentAccentRgb": [247, 248, 244],
    "componentOnAccentRgb": [11, 17, 23],
    "cardPassiveRgb": [42, 43, 46],
    "cardActiveRgb": [195, 255, 102],
    "surfaceBlack": "rgba(8, 8, 11, 0.9)",
    "surfacePanel": "rgba(10, 10, 13, 0.88)",
    "surfaceControl": "rgba(255, 255, 255, 0.06)",
    "surfaceControlHover": "rgba(255, 255, 255, 0.10)",
    "textPrimary": "rgba(255, 255, 255, 0.94)",
    "textSecondary": "rgba(255, 255, 255, 0.74)",
    "textMuted": "rgba(255, 255, 255, 0.54)"
  },
  "radius": {
    "modal": "1.75rem",
    "card": "1.35rem",
    "control": "1.25rem",
    "dropdownOption": "0.9rem",
    "calendar": "1.1rem",
    "circle": "999px"
  },
  "size": {
    "toolbarHeight": "3rem",
    "toolbarPillHeight": "2.5rem",
    "controlRing": "2.92rem",
    "controlInset": "5px",
    "statusWidth": "8.65rem",
    "statusHeight": "2.08rem",
    "modalButtonHeight": "2.75rem",
    "launcherRailHeight": "9.2rem"
  },
  "space": {
    "pagePad": "1.25rem",
    "panelGap": "1.25rem",
    "panelPad": "1rem",
    "controlGap": "0.65rem",
    "dropdownPad": "0.75rem",
    "tableCellX": "0.75rem",
    "tableCellY": "0.48rem"
  },
  "blur": {
    "dropdown": "44px",
    "panel": "28px",
    "modal": "34px",
    "detail": "44px",
    "control": "18px"
  },
  "shadow": {
    "dropdown": "0 22px 60px rgba(0, 0, 0, 0.36), 0 6px 18px rgba(0, 0, 0, 0.2)",
    "panel": "0 34px 110px rgba(0, 0, 0, 0.52)",
    "modal": "0 34px 120px rgba(0, 0, 0, 0.62)",
    "workItem": "0 14px 34px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.035)"
  },
  "statusTone": {
    "green": {
      "background": "rgba(181, 255, 90, 0.075)",
      "color": "rgba(226, 255, 190, 0.94)"
    },
    "yellow": {
      "background": "rgba(246, 201, 95, 0.075)",
      "color": "rgba(255, 232, 178, 0.94)"
    },
    "violet": {
      "background": "rgba(210, 197, 255, 0.07)",
      "color": "rgba(232, 225, 255, 0.92)"
    },
    "red": {
      "background": "rgba(255, 120, 120, 0.07)",
      "color": "rgba(255, 216, 216, 0.92)"
    },
    "muted": {
      "background": "rgba(255, 255, 255, 0.075)",
      "color": "rgba(255, 255, 255, 0.78)"
    }
  }
}