{
  "$description": "Permanent. Use Public Sans with 4px controls and 6px panels. Danger is #7A3328. Spacing steps are 4/8/12/16/24/32/48px, with 1px borders. iMessage blue and Apple system type appear only in product imagery; they are not brand colors or type.",
  "color": {
    "canvas": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.9803921568627451,
          0.9568627450980393
        ],
        "alpha": 1,
        "hex": "#FFFAF4"
      },
      "$description": "Permanent canvas"
    },
    "surface": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.9921568627450981,
          0.9764705882352941
        ],
        "alpha": 1,
        "hex": "#FFFDF9"
      },
      "$description": "Permanent surface"
    },
    "ink": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.09019607843137255,
          0.07450980392156863,
          0.07058823529411765
        ],
        "alpha": 1,
        "hex": "#171312"
      },
      "$description": "Permanent ink"
    },
    "muted": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.3843137254901961,
          0.34509803921568627,
          0.3254901960784314
        ],
        "alpha": 1,
        "hex": "#625853"
      },
      "$description": "Permanent muted"
    },
    "line": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.8705882352941177,
          0.8313725490196079,
          0.792156862745098
        ],
        "alpha": 1,
        "hex": "#DED4CA"
      },
      "$description": "Permanent line"
    },
    "accent": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.47843137254901963,
          0.2,
          0.1568627450980392
        ],
        "alpha": 1,
        "hex": "#7A3328"
      },
      "$description": "Permanent accent"
    },
    "success": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.3176470588235294,
          0.4196078431372549,
          0.34509803921568627
        ],
        "alpha": 1,
        "hex": "#516B58"
      },
      "$description": "Permanent success"
    },
    "warning": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.5294117647058824,
          0.41568627450980394,
          0.17254901960784313
        ],
        "alpha": 1,
        "hex": "#876A2C"
      },
      "$description": "Permanent warning"
    },
    "info": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.23137254901960785,
          0.39215686274509803,
          0.4588235294117647
        ],
        "alpha": 1,
        "hex": "#3B6475"
      },
      "$description": "Permanent info"
    },
    "danger": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.47843137254901963,
          0.2,
          0.1568627450980392
        ],
        "alpha": 1,
        "hex": "#7A3328"
      },
      "$description": "Permanent danger"
    }
  },
  "radius": {
    "control": {
      "$type": "dimension",
      "$value": {
        "value": 4,
        "unit": "px"
      }
    },
    "surface": {
      "$type": "dimension",
      "$value": {
        "value": 6,
        "unit": "px"
      }
    }
  },
  "font": {
    "family-1": {
      "$type": "fontFamily",
      "$value": "Instrument Serif",
      "$description": "Product name and big page titles only"
    },
    "family-2": {
      "$type": "fontFamily",
      "$value": "Public Sans",
      "$description": "Body and all other UI"
    },
    "family-3": {
      "$type": "fontFamily",
      "$value": "Geist Mono",
      "$description": "IDs and timestamps only"
    }
  },
  "spacing": {
    "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"
      }
    },
    "24": {
      "$type": "dimension",
      "$value": {
        "value": 24,
        "unit": "px"
      }
    },
    "32": {
      "$type": "dimension",
      "$value": {
        "value": 32,
        "unit": "px"
      }
    },
    "48": {
      "$type": "dimension",
      "$value": {
        "value": 48,
        "unit": "px"
      }
    }
  },
  "borderWidth": {
    "$type": "dimension",
    "$value": {
      "value": 1,
      "unit": "px"
    }
  }
}