{
  "$description": "Cosmos 2.4.0 tokens for the Watch app part: the common foundations, the Watch app mapping (platformAdapters.watch), and only the deepSpace, watchAmbient profiles this part runs. The union of every adapter and profile is tokens.json.",
  "color": {
    "void": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [0.07058823529411765, 0.0392156862745098, 0.0784313725490196],
        "alpha": 1
      },
      "$description": "Page and immersive field",
      "$extensions": {
        "app.simt.cosmos": { "hex": "#120A14" }
      }
    },
    "void-edge": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [0.12156862745098039, 0.06666666666666667, 0.14901960784313725],
        "alpha": 1
      },
      "$description": "Depth at the edge of the field",
      "$extensions": {
        "app.simt.cosmos": { "hex": "#1F1126" }
      }
    },
    "hull": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [0.11372549019607843, 0.07058823529411765, 0.12549019607843137],
        "alpha": 1
      },
      "$description": "Standard opaque surface",
      "$extensions": {
        "app.simt.cosmos": { "hex": "#1D1220" }
      }
    },
    "hull-raised": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [0.16470588235294117, 0.09411764705882353, 0.18823529411764706],
        "alpha": 1
      },
      "$description": "Raised or selected surface",
      "$extensions": {
        "app.simt.cosmos": { "hex": "#2A1830" }
      }
    },
    "hull-highest": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [0.20784313725490197, 0.12549019607843137, 0.25098039215686274],
        "alpha": 1
      },
      "$description": "Highest temporary surface",
      "$extensions": {
        "app.simt.cosmos": { "hex": "#352040" }
      }
    },
    "ember": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [1, 0.5490196078431373, 0.25882352941176473],
        "alpha": 1
      },
      "$description": "Primary agency: create, continue, commit",
      "$extensions": {
        "app.simt.cosmos": { "hex": "#FF8C42" }
      }
    },
    "ember-soft": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [1, 0.6980392156862745, 0.48627450980392156],
        "alpha": 1
      },
      "$description": "Supporting warm emphasis",
      "$extensions": {
        "app.simt.cosmos": { "hex": "#FFB27C" }
      }
    },
    "rose": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [1, 0.49411764705882355, 0.5411764705882353],
        "alpha": 1
      },
      "$description": "Social participation and attention",
      "$extensions": {
        "app.simt.cosmos": { "hex": "#FF7E8A" }
      }
    },
    "violet": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [0.788235294117647, 0.6274509803921569, 1],
        "alpha": 1
      },
      "$description": "Identity, roles and transformation",
      "$extensions": {
        "app.simt.cosmos": { "hex": "#C9A0FF" }
      }
    },
    "gold": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [1, 0.7803921568627451, 0.4],
        "alpha": 1
      },
      "$description": "Focus, time, precision and value",
      "$extensions": {
        "app.simt.cosmos": { "hex": "#FFC766" }
      }
    },
    "cyan": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [0, 0.8980392156862745, 1],
        "alpha": 1
      },
      "$description": "Live, connected and located",
      "$extensions": {
        "app.simt.cosmos": { "hex": "#00E5FF" }
      }
    },
    "moss": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [0.5137254901960784, 0.7137254901960784, 0.5725490196078431],
        "alpha": 1
      },
      "$description": "Outdoor and natural categories",
      "$extensions": {
        "app.simt.cosmos": { "hex": "#83B692" }
      }
    },
    "danger": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [1, 0.4117647058823529, 0.47058823529411764],
        "alpha": 1
      },
      "$description": "Destructive action and failure",
      "$extensions": {
        "app.simt.cosmos": { "hex": "#FF6978" }
      }
    },
    "success": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [0.44313725490196076, 0.8352941176470589, 0.6431372549019608],
        "alpha": 1
      },
      "$description": "Confirmed completion",
      "$extensions": {
        "app.simt.cosmos": { "hex": "#71D5A4" }
      }
    },
    "petrol": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [0.06274509803921569, 0.17254901960784313, 0.17647058823529413],
        "alpha": 1
      },
      "$description": "Map ground",
      "$extensions": {
        "app.simt.cosmos": { "hex": "#102C2D" }
      }
    },
    "water": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [0.07058823529411765, 0.23921568627450981, 0.25882352941176473],
        "alpha": 1
      },
      "$description": "Map water",
      "$extensions": {
        "app.simt.cosmos": { "hex": "#123D42" }
      }
    },
    "ink": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [1, 0.9725490196078431, 0.9490196078431372],
        "alpha": 1
      },
      "$description": "Primary text on Deep Space",
      "$extensions": {
        "app.simt.cosmos": { "hex": "#FFF8F2" }
      }
    },
    "muted": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [0.7333333333333333, 0.6823529411764706, 0.7333333333333333],
        "alpha": 1
      },
      "$description": "Supporting text",
      "$extensions": {
        "app.simt.cosmos": { "hex": "#BBAEBB" }
      }
    },
    "faint": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [0.6039215686274509, 0.5450980392156862, 0.6039215686274509],
        "alpha": 1
      },
      "$description": "Secondary metadata; check actual surface",
      "$extensions": {
        "app.simt.cosmos": { "hex": "#9A8B9A" }
      }
    },
    "dim": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [0.5647058823529412, 0.5137254901960784, 0.6039215686274509],
        "alpha": 1
      },
      "$description": "Inactive ornament; not essential text",
      "$extensions": {
        "app.simt.cosmos": { "hex": "#90839A" }
      }
    },
    "boundary": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [0.6039215686274509, 0.5450980392156862, 0.6039215686274509],
        "alpha": 1
      },
      "$description": "Essential control outlines on dark surfaces",
      "$extensions": {
        "app.simt.cosmos": { "hex": "#9A8B9A" }
      }
    }
  },
  "gradient": {
    "corona": {
      "$type": "gradient",
      "$value": [
        {
          "color": {
            "components": [1, 0.7803921568627451, 0.4],
            "alpha": 0.9,
            "hex": null
          },
          "position": 0
        },
        {
          "color": {
            "components": [1, 0.5490196078431373, 0.25882352941176473],
            "alpha": 0.45,
            "hex": null
          },
          "position": 0.14
        },
        {
          "color": {
            "components": [1, 0.49411764705882355, 0.5411764705882353],
            "alpha": 0.12,
            "hex": null
          },
          "position": 0.42
        },
        {
          "color": {
            "components": [1, 0.49411764705882355, 0.5411764705882353],
            "alpha": 0,
            "hex": null
          },
          "position": 1
        }
      ],
      "$description": "The only glow: the halo of the single focal object, painted in a box four to six times its diameter.",
      "$extensions": {
        "app.simt.cosmos": {
          "geometry": {
            "kind": "radial",
            "at": [0.5, 0.5],
            "radius": [0.5, 0.5]
          },
          "anchors": ["gold", "ember", "rose", "rose"],
          "profiles": ["deepSpace"]
        }
      }
    }
  },
  "shadow": {
    "float": {
      "$type": "shadow",
      "$value": {
        "color": {
          "components": [0.07058823529411765, 0.0392156862745098, 0.0784313725490196],
          "alpha": 0.8,
          "hex": null
        },
        "offsetX": { "value": 0, "unit": "px" },
        "offsetY": { "value": 16, "unit": "px" },
        "blur": { "value": 40, "unit": "px" },
        "spread": { "value": -16, "unit": "px" }
      },
      "$description": "Floating surfaces: popovers, sheets, dialogs and device frames."
    },
    "action": {
      "$type": "shadow",
      "$value": {
        "color": {
          "components": [1, 0.5490196078431373, 0.25882352941176473],
          "alpha": 0.5,
          "hex": null
        },
        "offsetX": { "value": 0, "unit": "px" },
        "offsetY": { "value": 10, "unit": "px" },
        "blur": { "value": 28, "unit": "px" },
        "spread": { "value": -12, "unit": "px" }
      },
      "$description": "Underglow of the one primary action at rest. Removed when disabled."
    }
  },
  "space": {
    "4": {
      "$type": "dimension",
      "$value": { "value": 4, "unit": "px" }
    },
    "8": {
      "$type": "dimension",
      "$value": { "value": 8, "unit": "px" }
    },
    "12": {
      "$type": "dimension",
      "$value": { "value": 12, "unit": "px" }
    },
    "16": {
      "$type": "dimension",
      "$value": { "value": 16, "unit": "px" }
    },
    "20": {
      "$type": "dimension",
      "$value": { "value": 20, "unit": "px" }
    },
    "24": {
      "$type": "dimension",
      "$value": { "value": 24, "unit": "px" }
    },
    "32": {
      "$type": "dimension",
      "$value": { "value": 32, "unit": "px" }
    },
    "40": {
      "$type": "dimension",
      "$value": { "value": 40, "unit": "px" }
    },
    "48": {
      "$type": "dimension",
      "$value": { "value": 48, "unit": "px" }
    },
    "64": {
      "$type": "dimension",
      "$value": { "value": 64, "unit": "px" }
    },
    "80": {
      "$type": "dimension",
      "$value": { "value": 80, "unit": "px" }
    },
    "96": {
      "$type": "dimension",
      "$value": { "value": 96, "unit": "px" }
    },
    "128": {
      "$type": "dimension",
      "$value": { "value": 128, "unit": "px" }
    },
    "$description": "Shared rhythm: 1 unit is 1 CSS px on web and 1 dp natively, so a client uses these numbers unchanged and never publishes its own table."
  },
  "radius": {
    "$description": "Web anchors. Android and Wear map the same roles to native geometry in platformAdapters (C09); the anchors are not copied into a native scale.",
    "control": {
      "$type": "dimension",
      "$value": { "value": 8, "unit": "px" }
    },
    "record": {
      "$type": "dimension",
      "$value": { "value": 16, "unit": "px" }
    },
    "overlay": {
      "$type": "dimension",
      "$value": { "value": 24, "unit": "px" }
    }
  },
  "motion": {
    "$description": "Durations are shared: 150 ms feedback, 300 ms local state, 500 ms context change. Each platform part adds its own easing set in platformAdapters (C30); easing here is the cross-platform standard.",
    "feedback": {
      "$type": "duration",
      "$value": { "value": 150, "unit": "ms" }
    },
    "state": {
      "$type": "duration",
      "$value": { "value": 300, "unit": "ms" }
    },
    "context": {
      "$type": "duration",
      "$value": { "value": 500, "unit": "ms" }
    },
    "easing": {
      "$type": "cubicBezier",
      "$value": [0.2, 0, 0.2, 1]
    }
  },
  "font": {
    "display": {
      "$type": "fontFamily",
      "$value": ["Space Grotesk", "system-ui", "sans-serif"]
    },
    "body": {
      "$type": "fontFamily",
      "$value": ["Source Sans 3", "system-ui", "sans-serif"]
    },
    "arabic": {
      "$type": "fontFamily",
      "$value": ["El Messiri", "sans-serif"]
    }
  },
  "layer": {
    "$description": "Relative semantic stacking tier; use platform layer primitives for modal isolation.",
    "field": { "$type": "number", "$value": 0 },
    "chrome": { "$type": "number", "$value": 10 },
    "context": { "$type": "number", "$value": 20 },
    "scrim": { "$type": "number", "$value": 30 },
    "modal": { "$type": "number", "$value": 40 },
    "feedback": { "$type": "number", "$value": 50 },
    "skip": { "$type": "number", "$value": 100 }
  },
  "adapters": {
    "deepSpace": {
      "$description": "deepSpace semantic colors. watchAmbient intentionally has no interactive roles.",
      "background": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.07058823529411765, 0.0392156862745098, 0.0784313725490196],
          "alpha": 1
        },
        "$extensions": {
          "app.simt.cosmos": { "hex": "#120A14" }
        }
      },
      "surface": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.11372549019607843, 0.07058823529411765, 0.12549019607843137],
          "alpha": 1
        },
        "$extensions": {
          "app.simt.cosmos": { "hex": "#1D1220" }
        }
      },
      "raised": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.16470588235294117, 0.09411764705882353, 0.18823529411764706],
          "alpha": 1
        },
        "$extensions": {
          "app.simt.cosmos": { "hex": "#2A1830" }
        }
      },
      "highest": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.20784313725490197, 0.12549019607843137, 0.25098039215686274],
          "alpha": 1
        },
        "$extensions": {
          "app.simt.cosmos": { "hex": "#352040" }
        }
      },
      "text": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [1, 0.9725490196078431, 0.9490196078431372],
          "alpha": 1
        },
        "$extensions": {
          "app.simt.cosmos": { "hex": "#FFF8F2" }
        }
      },
      "muted": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.7333333333333333, 0.6823529411764706, 0.7333333333333333],
          "alpha": 1
        },
        "$extensions": {
          "app.simt.cosmos": { "hex": "#BBAEBB" }
        }
      },
      "faint": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.6039215686274509, 0.5450980392156862, 0.6039215686274509],
          "alpha": 1
        },
        "$extensions": {
          "app.simt.cosmos": { "hex": "#9A8B9A" }
        }
      },
      "line": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [1, 0.9254901960784314, 0.8862745098039215],
          "alpha": 0.12
        },
        "$extensions": {
          "app.simt.cosmos": { "css": "rgb(255 236 226 / 0.12)" }
        }
      },
      "action": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [1, 0.5490196078431373, 0.25882352941176473],
          "alpha": 1
        },
        "$extensions": {
          "app.simt.cosmos": { "hex": "#FF8C42" }
        }
      },
      "accentText": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [1, 0.6980392156862745, 0.48627450980392156],
          "alpha": 1
        },
        "$extensions": {
          "app.simt.cosmos": { "hex": "#FFB27C" }
        }
      },
      "onAction": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.07058823529411765, 0.0392156862745098, 0.0784313725490196],
          "alpha": 1
        },
        "$extensions": {
          "app.simt.cosmos": { "hex": "#120A14" }
        }
      },
      "social": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [1, 0.49411764705882355, 0.5411764705882353],
          "alpha": 1
        },
        "$extensions": {
          "app.simt.cosmos": { "hex": "#FF7E8A" }
        }
      },
      "identity": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.788235294117647, 0.6274509803921569, 1],
          "alpha": 1
        },
        "$extensions": {
          "app.simt.cosmos": { "hex": "#C9A0FF" }
        }
      },
      "precision": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [1, 0.7803921568627451, 0.4],
          "alpha": 1
        },
        "$extensions": {
          "app.simt.cosmos": { "hex": "#FFC766" }
        }
      },
      "live": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0, 0.8980392156862745, 1],
          "alpha": 1
        },
        "$extensions": {
          "app.simt.cosmos": { "hex": "#00E5FF" }
        }
      },
      "outdoors": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.5137254901960784, 0.7137254901960784, 0.5725490196078431],
          "alpha": 1
        },
        "$extensions": {
          "app.simt.cosmos": { "hex": "#83B692" }
        }
      },
      "danger": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [1, 0.4117647058823529, 0.47058823529411764],
          "alpha": 1
        },
        "$extensions": {
          "app.simt.cosmos": { "hex": "#FF6978" }
        }
      },
      "success": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.44313725490196076, 0.8352941176470589, 0.6431372549019608],
          "alpha": 1
        },
        "$extensions": {
          "app.simt.cosmos": { "hex": "#71D5A4" }
        }
      },
      "focus": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [1, 0.7803921568627451, 0.4],
          "alpha": 1
        },
        "$extensions": {
          "app.simt.cosmos": { "hex": "#FFC766" }
        }
      },
      "boundary": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.6039215686274509, 0.5450980392156862, 0.6039215686274509],
          "alpha": 1
        },
        "$extensions": {
          "app.simt.cosmos": { "hex": "#9A8B9A" }
        }
      }
    },
    "watchAmbient": {
      "$description": "watchAmbient semantic colors. watchAmbient intentionally has no interactive roles.",
      "background": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0, 0, 0],
          "alpha": 1
        },
        "$extensions": {
          "app.simt.cosmos": { "hex": "#000000" }
        }
      },
      "surface": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0, 0, 0],
          "alpha": 1
        },
        "$extensions": {
          "app.simt.cosmos": { "hex": "#000000" }
        }
      },
      "text": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.7333333333333333, 0.6823529411764706, 0.7333333333333333],
          "alpha": 1
        },
        "$extensions": {
          "app.simt.cosmos": { "hex": "#BBAEBB" }
        }
      },
      "faint": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.6039215686274509, 0.5450980392156862, 0.6039215686274509],
          "alpha": 1
        },
        "$extensions": {
          "app.simt.cosmos": { "hex": "#9A8B9A" }
        }
      },
      "line": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.7333333333333333, 0.6823529411764706, 0.7333333333333333],
          "alpha": 0.16
        },
        "$extensions": {
          "app.simt.cosmos": { "css": "rgb(187 174 187 / 0.16)" }
        }
      },
      "bearing": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [1, 0.7803921568627451, 0.4],
          "alpha": 1
        },
        "$extensions": {
          "app.simt.cosmos": { "hex": "#FFC766" }
        }
      }
    }
  },
  "platformAdapters": {
    "$description": "Radius, duration and easing per platform part, with the notation each part authors in and the geometry a native shape replaces. Spacing needs no mapping: 1 unit is 1 CSS px on web and 1 dp natively (C09).",
    "watch": {
      "$description": "Wear OS round screens. There is no corner to measure on a round screen, so this part publishes shapes rather than a radius: control and record are round and an overlay is a capsule. The easing and duration sets are the Android ones by decision — the same scale at a much smaller physical size.",
      "$extensions": {
        "app.simt.cosmos": {
          "colorSpace": "srgb",
          "radius": { "control": "round", "record": "round", "overlay": "capsule" }
        }
      },
      "duration": {
        "feedback": {
          "$type": "duration",
          "$value": { "value": 150, "unit": "ms" }
        },
        "state": {
          "$type": "duration",
          "$value": { "value": 300, "unit": "ms" }
        },
        "context": {
          "$type": "duration",
          "$value": { "value": 500, "unit": "ms" }
        }
      },
      "easing": {
        "standard": {
          "$type": "cubicBezier",
          "$value": [0.2, 0, 0.2, 1]
        },
        "enter": {
          "$type": "cubicBezier",
          "$value": [0.05, 0.7, 0.1, 1]
        },
        "exit": {
          "$type": "cubicBezier",
          "$value": [0.3, 0, 0.8, 0.15]
        },
        "transform": {
          "$type": "cubicBezier",
          "$value": [0.2, 0, 0, 1]
        }
      }
    }
  },
  "contrastPairs": {
    "$ref": "https://simt.space/cosmos-design/contrast-pairs.json",
    "fetchWhen": ["introducing a colour or gradient", "pairing a translucent, blurred or layered surface", "checking or changing a theme profile"],
    "$description": "Measured composited contrast per theme profile, with the guidance for each pair."
  },
  "motionMotifs": {
    "$ref": "https://simt.space/cosmos-design/motion.json",
    "fetchWhen": [
      "animating a state change, on any platform",
      "choosing between the tiers, or deciding whether a change animates at all",
      "porting a transition to a native toolkit and proving curve parity"
    ],
    "$description": "The named choreographies a state change animates with, per tier and per platform, with the curve parity fixture."
  },
  "components": {
    "$ref": "https://simt.space/cosmos-design/components.json",
    "fetchWhen": [
      "building or changing any surface, before choosing a pattern",
      "deciding which rules a component inherits and therefore which it must satisfy",
      "porting a component to a native toolkit and finding the counterpart that exists"
    ],
    "$description": "The component index: which rules each component inherits, the theme roles and corner role it consumes, the states it can be in and the motif it moves with, sliced per platform part."
  },
  "$extensions": {
    "app.simt.cosmos": {
      "document": { "version": "2.4.0", "updated": "2026-10-03", "status": "Normative specification" },
      "part": { "id": "watch-app", "label": "Watch app", "adapter": "watch" },
      "scope": {
        "profiles": ["deepSpace", "watchAmbient"],
        "stars": false,
        "gradients": ["corona"],
        "colorSpace": "srgb",
        "starfield": false
      }
    },
    "version": "2.4.0",
    "defaultProfile": "deepSpace",
    "profiles": ["deepSpace", "daylight", "astronomy", "watchAmbient"],
    "cssThemeAttribute": "data-cosmos-theme",
    "cssRolePrefix": "--cosmos-",
    "pairRatioField": "$value",
    "pairGuidanceField": "$extensions.app.simt.cosmos"
  }
}