{
  "version": "1.1.0",
  "primitive": {
    "color": {
      "ink": "#203440",
      "muted": "#526675",
      "surface": "#FFFFFF",
      "canvas": "#EDF1F4",
      "line": "#B5C2CC",
      "normal": "#245C85",
      "normal-soft": "#E8F2FA",
      "attention": "#92520A",
      "attention-soft": "#FFF1DD",
      "support": "#146974",
      "support-soft": "#E5F4F5",
      "urgent": "#B1223D",
      "urgent-soft": "#FDECF0",
      "focus": "#006BB3",
      "neutral": "#52616C",
      "neutral-soft": "#EDF1F4",
      "unknown": "#62566F",
      "unknown-soft": "#F0EDF5",
      "error": "#A13E26",
      "error-soft": "#FFF0E9",
      "complete": "#27654D",
      "complete-soft": "#E8F4EC"
    },
    "space": [
      4,
      8,
      12,
      16,
      24,
      32,
      48
    ],
    "radius": [
      4,
      8,
      12
    ],
    "type": [
      12,
      14,
      16,
      20,
      28,
      36
    ]
  },
  "semantic": {
    "text-primary": "{primitive.color.ink}",
    "text-secondary": "{primitive.color.muted}",
    "surface-default": "{primitive.color.surface}",
    "state-normal": "{primitive.color.normal}",
    "state-attention": "{primitive.color.attention}",
    "state-support": "{primitive.color.support}",
    "state-urgent": "{primitive.color.urgent}",
    "state-neutral": "{primitive.color.neutral}",
    "state-unknown": "{primitive.color.unknown}",
    "state-error": "{primitive.color.error}",
    "state-complete": "{primitive.color.complete}"
  },
  "component": {
    "touch-target-min": 48,
    "touch-target-primary": 56,
    "focus-width": 3,
    "icon-grid": 24,
    "icon-stroke": 1.75,
    "banner-surface-alpha": 0.5
  },
  "scope": "CSS px for web prototype; physical display sizing requires seated viewing-distance tests."
}