{
  "$description": "Cosmik · HPLX 0.2.0 — APPROVED. Generated by @cosmiklabs/brand 0.16.1 scripts/family.mjs from tokens/family.json over kits/cosmik/tokens/source.json; do not edit. Colour roles in \"color\" resolve to the dark theme; each carries $extensions[\"com.cosmiklabs.modes\"] with its alias in every theme (dark, light). Tools without mode support see the dark theme.",
  "$extensions": {
    "com.cosmiklabs": {
      "name": "Cosmik · HPLX",
      "version": "0.2.0",
      "status": "Approved (owner, 2026-10-15)",
      "family": "hplx",
      "extends": "Cosmik baseline 0.11.0",
      "defaultMode": "dark",
      "modes": [
        "dark",
        "light"
      ],
      "proposals": []
    }
  },
  "primitive": {
    "color": {
      "black": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0, 0, 0],
          "alpha": 1,
          "hex": "#000000"
        }
      },
      "paper": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.964706, 0.960784, 0.941176],
          "alpha": 1,
          "hex": "#f6f5f0"
        }
      },
      "white": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [1, 1, 1],
          "alpha": 1,
          "hex": "#ffffff"
        }
      },
      "surface-dark": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.070588, 0.070588, 0.070588],
          "alpha": 1,
          "hex": "#121212"
        }
      },
      "raised-dark": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.121569, 0.121569, 0.121569],
          "alpha": 1,
          "hex": "#1f1f1f"
        }
      },
      "light-soft": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.909804, 0.905882, 0.890196],
          "alpha": 1,
          "hex": "#e8e7e3"
        }
      },
      "muted-dark": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.639216, 0.639216, 0.639216],
          "alpha": 1,
          "hex": "#a3a3a3"
        }
      },
      "muted-light": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.4, 0.4, 0.4],
          "alpha": 1,
          "hex": "#666666"
        }
      },
      "border-functional": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.462745, 0.462745, 0.462745],
          "alpha": 1,
          "hex": "#767676"
        }
      },
      "decorative-dark": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.188235, 0.188235, 0.188235],
          "alpha": 1,
          "hex": "#303030"
        }
      },
      "graphite": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.254902, 0.254902, 0.254902],
          "alpha": 1,
          "hex": "#414141"
        }
      },
      "ornament-dark": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.145098, 0.145098, 0.145098],
          "alpha": 1,
          "hex": "#252525"
        }
      },
      "ornament-dark-faint": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.094118, 0.094118, 0.094118],
          "alpha": 1,
          "hex": "#181818"
        }
      },
      "media-dark": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.066667, 0.066667, 0.066667],
          "alpha": 1,
          "hex": "#111111"
        }
      },
      "rule-light": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.776471, 0.772549, 0.752941],
          "alpha": 1,
          "hex": "#c6c5c0"
        }
      },
      "paper-shade": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.937255, 0.933333, 0.913725],
          "alpha": 1,
          "hex": "#efeee9"
        }
      },
      "scrim-dark": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0, 0, 0],
          "alpha": 0.721569,
          "hex": "#000000"
        }
      },
      "scrim-light": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0, 0, 0],
          "alpha": 0.478431,
          "hex": "#000000"
        }
      },
      "glass-dark": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.070588, 0.070588, 0.070588],
          "alpha": 0.313725,
          "hex": "#121212"
        }
      },
      "glass-light": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [1, 1, 1],
          "alpha": 0.560784,
          "hex": "#ffffff"
        }
      },
      "muted-glass-dark": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.784314, 0.784314, 0.784314],
          "alpha": 1,
          "hex": "#c8c8c8"
        }
      },
      "muted-glass-light": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.270588, 0.270588, 0.270588],
          "alpha": 1,
          "hex": "#454545"
        }
      },
      "sheen-white": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [1, 1, 1],
          "alpha": 0.65098,
          "hex": "#ffffff"
        }
      },
      "sheen-white-faint": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [1, 1, 1],
          "alpha": 0.2,
          "hex": "#ffffff"
        }
      },
      "sheen-white-strong": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [1, 1, 1],
          "alpha": 0.94902,
          "hex": "#ffffff"
        }
      },
      "sheen-shade": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0, 0, 0],
          "alpha": 0.25098,
          "hex": "#000000"
        }
      },
      "pressed-dark": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.172549, 0.172549, 0.172549],
          "alpha": 1,
          "hex": "#2c2c2c"
        }
      },
      "pressed-light": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.839216, 0.835294, 0.815686],
          "alpha": 1,
          "hex": "#d6d5d0"
        }
      },
      "tint-light-hover": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [1, 1, 1],
          "alpha": 0.078431,
          "hex": "#ffffff"
        }
      },
      "tint-light-active": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [1, 1, 1],
          "alpha": 0.160784,
          "hex": "#ffffff"
        }
      },
      "tint-dark-hover": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0, 0, 0],
          "alpha": 0.058824,
          "hex": "#000000"
        }
      },
      "tint-dark-active": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0, 0, 0],
          "alpha": 0.121569,
          "hex": "#000000"
        }
      },
      "hplx-ink": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.054902, 0.058824, 0.066667],
          "alpha": 1,
          "hex": "#0e0f11"
        }
      },
      "hplx-panel": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.07451, 0.082353, 0.094118],
          "alpha": 1,
          "hex": "#131518"
        }
      },
      "hplx-raised": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.117647, 0.133333, 0.14902],
          "alpha": 1,
          "hex": "#1e2226"
        }
      },
      "hplx-raised-pressed": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.164706, 0.184314, 0.207843],
          "alpha": 1,
          "hex": "#2a2f35"
        }
      },
      "hplx-bone": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.92549, 0.905882, 0.866667],
          "alpha": 1,
          "hex": "#ece7dd"
        }
      },
      "hplx-ash": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.654902, 0.631373, 0.588235],
          "alpha": 1,
          "hex": "#a7a196"
        }
      },
      "hplx-rule": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.180392, 0.2, 0.223529],
          "alpha": 1,
          "hex": "#2e3339"
        }
      },
      "hplx-edge": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.494118, 0.470588, 0.431373],
          "alpha": 1,
          "hex": "#7e786e"
        }
      },
      "hplx-amber": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.878431, 0.647059, 0.227451],
          "alpha": 1,
          "hex": "#e0a53a"
        }
      },
      "hplx-amber-hover": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.921569, 0.717647, 0.360784],
          "alpha": 1,
          "hex": "#ebb75c"
        }
      },
      "hplx-amber-active": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.952941, 0.788235, 0.494118],
          "alpha": 1,
          "hex": "#f3c97e"
        }
      },
      "hplx-tar": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.101961, 0.078431, 0.031373],
          "alpha": 1,
          "hex": "#1a1408"
        }
      },
      "hplx-vellum": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.952941, 0.937255, 0.901961],
          "alpha": 1,
          "hex": "#f3efe6"
        }
      },
      "hplx-parchment": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.905882, 0.878431, 0.823529],
          "alpha": 1,
          "hex": "#e7e0d2"
        }
      },
      "hplx-parchment-pressed": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.862745, 0.827451, 0.760784],
          "alpha": 1,
          "hex": "#dcd3c2"
        }
      },
      "hplx-soot": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.101961, 0.090196, 0.078431],
          "alpha": 1,
          "hex": "#1a1714"
        }
      },
      "hplx-umber": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.360784, 0.333333, 0.294118],
          "alpha": 1,
          "hex": "#5c554b"
        }
      },
      "hplx-rule-light": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.839216, 0.811765, 0.756863],
          "alpha": 1,
          "hex": "#d6cfc1"
        }
      },
      "hplx-edge-light": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.478431, 0.447059, 0.4],
          "alpha": 1,
          "hex": "#7a7266"
        }
      },
      "hplx-amber-deep": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.529412, 0.341176, 0.035294],
          "alpha": 1,
          "hex": "#875709"
        }
      },
      "hplx-amber-deep-hover": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.45098, 0.290196, 0.027451],
          "alpha": 1,
          "hex": "#734a07"
        }
      },
      "hplx-amber-deep-active": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.372549, 0.239216, 0.023529],
          "alpha": 1,
          "hex": "#5f3d06"
        }
      },
      "hplx-glass-dark": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.054902, 0.058824, 0.066667],
          "alpha": 0.376471,
          "hex": "#0e0f11"
        }
      },
      "shadow-dark": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0, 0, 0],
          "alpha": 0.6,
          "hex": "#000000"
        }
      },
      "shadow-light": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0, 0, 0],
          "alpha": 0.160784,
          "hex": "#000000"
        }
      },
      "red-50": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.980392, 0.929412, 0.921569],
          "alpha": 1,
          "hex": "#faedeb"
        }
      },
      "red-200": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.94902, 0.721569, 0.709804],
          "alpha": 1,
          "hex": "#f2b8b5"
        }
      },
      "red-400": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.815686, 0.376471, 0.352941],
          "alpha": 1,
          "hex": "#d0605a"
        }
      },
      "red-600": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.701961, 0.211765, 0.184314],
          "alpha": 1,
          "hex": "#b3362f"
        }
      },
      "red-800": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.541176, 0.121569, 0.101961],
          "alpha": 1,
          "hex": "#8a1f1a"
        }
      },
      "red-950": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.168627, 0.086275, 0.082353],
          "alpha": 1,
          "hex": "#2b1615"
        }
      },
      "amber-50": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.980392, 0.945098, 0.870588],
          "alpha": 1,
          "hex": "#faf1de"
        }
      },
      "amber-200": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.929412, 0.796078, 0.54902],
          "alpha": 1,
          "hex": "#edcb8c"
        }
      },
      "amber-400": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.690196, 0.541176, 0.243137],
          "alpha": 1,
          "hex": "#b08a3e"
        }
      },
      "amber-600": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.580392, 0.411765, 0.058824],
          "alpha": 1,
          "hex": "#94690f"
        }
      },
      "amber-800": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.415686, 0.290196, 0.019608],
          "alpha": 1,
          "hex": "#6a4a05"
        }
      },
      "amber-950": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.164706, 0.129412, 0.070588],
          "alpha": 1,
          "hex": "#2a2112"
        }
      },
      "green-50": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.913725, 0.952941, 0.921569],
          "alpha": 1,
          "hex": "#e9f3eb"
        }
      },
      "green-200": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.662745, 0.827451, 0.694118],
          "alpha": 1,
          "hex": "#a9d3b1"
        }
      },
      "green-400": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.309804, 0.603922, 0.388235],
          "alpha": 1,
          "hex": "#4f9a63"
        }
      },
      "green-600": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.184314, 0.490196, 0.27451],
          "alpha": 1,
          "hex": "#2f7d46"
        }
      },
      "green-800": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.113725, 0.333333, 0.188235],
          "alpha": 1,
          "hex": "#1d5530"
        }
      },
      "green-950": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.07451, 0.141176, 0.101961],
          "alpha": 1,
          "hex": "#13241a"
        }
      },
      "blue-50": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.917647, 0.941176, 0.972549],
          "alpha": 1,
          "hex": "#eaf0f8"
        }
      },
      "blue-200": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.709804, 0.780392, 0.901961],
          "alpha": 1,
          "hex": "#b5c7e6"
        }
      },
      "blue-400": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.4, 0.533333, 0.752941],
          "alpha": 1,
          "hex": "#6688c0"
        }
      },
      "blue-600": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.231373, 0.4, 0.670588],
          "alpha": 1,
          "hex": "#3b66ab"
        }
      },
      "blue-800": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.121569, 0.247059, 0.45098],
          "alpha": 1,
          "hex": "#1f3f73"
        }
      },
      "blue-950": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.082353, 0.113725, 0.168627],
          "alpha": 1,
          "hex": "#151d2b"
        }
      }
    }
  },
  "color": {
    "bg": {
      "$type": "color",
      "$value": "{primitive.color.hplx-ink}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.hplx-ink}",
          "light": "{primitive.color.hplx-vellum}"
        }
      }
    },
    "surface": {
      "$type": "color",
      "$value": "{primitive.color.hplx-panel}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.hplx-panel}",
          "light": "{primitive.color.white}"
        }
      }
    },
    "raised": {
      "$type": "color",
      "$value": "{primitive.color.hplx-raised}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.hplx-raised}",
          "light": "{primitive.color.hplx-parchment}"
        }
      }
    },
    "text": {
      "$type": "color",
      "$value": "{primitive.color.hplx-bone}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.hplx-bone}",
          "light": "{primitive.color.hplx-soot}"
        }
      }
    },
    "muted": {
      "$type": "color",
      "$value": "{primitive.color.hplx-ash}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.hplx-ash}",
          "light": "{primitive.color.hplx-umber}"
        }
      }
    },
    "border": {
      "$type": "color",
      "$value": "{primitive.color.hplx-edge}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.hplx-edge}",
          "light": "{primitive.color.hplx-edge-light}"
        }
      }
    },
    "divider": {
      "$type": "color",
      "$value": "{primitive.color.hplx-rule}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.hplx-rule}",
          "light": "{primitive.color.hplx-rule-light}"
        }
      }
    },
    "focus": {
      "$type": "color",
      "$value": "{primitive.color.hplx-amber}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.hplx-amber}",
          "light": "{primitive.color.hplx-amber-deep}"
        }
      }
    },
    "link": {
      "$type": "color",
      "$value": "{primitive.color.hplx-bone}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.hplx-bone}",
          "light": "{primitive.color.hplx-soot}"
        }
      }
    },
    "link-hover": {
      "$type": "color",
      "$value": "{primitive.color.hplx-amber-hover}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.hplx-amber-hover}",
          "light": "{primitive.color.hplx-amber-deep}"
        }
      }
    },
    "link-active": {
      "$type": "color",
      "$value": "{primitive.color.hplx-bone}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.hplx-bone}",
          "light": "{primitive.color.hplx-soot}"
        }
      }
    },
    "on-selected": {
      "$type": "color",
      "$value": "{primitive.color.hplx-ink}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.hplx-ink}",
          "light": "{primitive.color.hplx-vellum}"
        }
      }
    },
    "selected": {
      "$type": "color",
      "$value": "{primitive.color.hplx-bone}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.hplx-bone}",
          "light": "{primitive.color.hplx-soot}"
        }
      }
    },
    "action-primary": {
      "$type": "color",
      "$value": "{primitive.color.hplx-amber}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.hplx-amber}",
          "light": "{primitive.color.hplx-amber-deep}"
        }
      }
    },
    "action-primary-hover": {
      "$type": "color",
      "$value": "{primitive.color.hplx-amber-hover}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.hplx-amber-hover}",
          "light": "{primitive.color.hplx-amber-deep-hover}"
        }
      }
    },
    "action-primary-active": {
      "$type": "color",
      "$value": "{primitive.color.hplx-amber-active}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.hplx-amber-active}",
          "light": "{primitive.color.hplx-amber-deep-active}"
        }
      }
    },
    "action-primary-fg": {
      "$type": "color",
      "$value": "{primitive.color.hplx-tar}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.hplx-tar}",
          "light": "{primitive.color.white}"
        }
      }
    },
    "action-secondary": {
      "$type": "color",
      "$value": "{primitive.color.hplx-panel}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.hplx-panel}",
          "light": "{primitive.color.white}"
        }
      }
    },
    "action-secondary-hover": {
      "$type": "color",
      "$value": "{primitive.color.hplx-raised}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.hplx-raised}",
          "light": "{primitive.color.hplx-parchment}"
        }
      }
    },
    "action-secondary-active": {
      "$type": "color",
      "$value": "{primitive.color.hplx-raised-pressed}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.hplx-raised-pressed}",
          "light": "{primitive.color.hplx-parchment-pressed}"
        }
      }
    },
    "action-secondary-fg": {
      "$type": "color",
      "$value": "{primitive.color.hplx-bone}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.hplx-bone}",
          "light": "{primitive.color.hplx-soot}"
        }
      }
    },
    "input-bg": {
      "$type": "color",
      "$value": "{primitive.color.hplx-ink}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.hplx-ink}",
          "light": "{primitive.color.white}"
        }
      }
    },
    "input-fg": {
      "$type": "color",
      "$value": "{primitive.color.hplx-bone}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.hplx-bone}",
          "light": "{primitive.color.hplx-soot}"
        }
      }
    },
    "input-placeholder": {
      "$type": "color",
      "$value": "{primitive.color.hplx-ash}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.hplx-ash}",
          "light": "{primitive.color.hplx-umber}"
        }
      }
    },
    "disabled-bg": {
      "$type": "color",
      "$value": "{primitive.color.hplx-raised}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.hplx-raised}",
          "light": "{primitive.color.hplx-parchment}"
        }
      }
    },
    "disabled-fg": {
      "$type": "color",
      "$value": "{primitive.color.hplx-ash}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.hplx-ash}",
          "light": "{primitive.color.hplx-umber}"
        }
      }
    },
    "disabled-border": {
      "$type": "color",
      "$value": "{primitive.color.hplx-edge}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.hplx-edge}",
          "light": "{primitive.color.hplx-edge-light}"
        }
      }
    },
    "status-fg": {
      "$type": "color",
      "$value": "{primitive.color.hplx-bone}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.hplx-bone}",
          "light": "{primitive.color.hplx-soot}"
        }
      }
    },
    "status-bg": {
      "$type": "color",
      "$value": "{primitive.color.hplx-raised}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.hplx-raised}",
          "light": "{primitive.color.hplx-parchment}"
        }
      }
    },
    "status-border": {
      "$type": "color",
      "$value": "{primitive.color.hplx-edge}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.hplx-edge}",
          "light": "{primitive.color.hplx-edge-light}"
        }
      }
    },
    "divider-strong": {
      "$type": "color",
      "$value": "{primitive.color.graphite}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.graphite}",
          "light": "{primitive.color.rule-light}"
        }
      }
    },
    "ornament": {
      "$type": "color",
      "$value": "{primitive.color.ornament-dark}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.ornament-dark}",
          "light": "{primitive.color.light-soft}"
        }
      }
    },
    "ornament-faint": {
      "$type": "color",
      "$value": "{primitive.color.ornament-dark-faint}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.ornament-dark-faint}",
          "light": "{primitive.color.paper-shade}"
        }
      }
    },
    "ornament-text": {
      "$type": "color",
      "$value": "{primitive.color.graphite}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.graphite}",
          "light": "{primitive.color.rule-light}"
        }
      }
    },
    "media-placeholder": {
      "$type": "color",
      "$value": "{primitive.color.media-dark}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.media-dark}",
          "light": "{primitive.color.light-soft}"
        }
      }
    },
    "scrim": {
      "$type": "color",
      "$value": "{primitive.color.scrim-dark}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.scrim-dark}",
          "light": "{primitive.color.scrim-light}"
        }
      }
    },
    "glass": {
      "$type": "color",
      "$value": "{primitive.color.hplx-glass-dark}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.hplx-glass-dark}",
          "light": "{primitive.color.glass-light}"
        }
      }
    },
    "glass-border": {
      "$type": "color",
      "$value": "{primitive.color.graphite}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.graphite}",
          "light": "{primitive.color.rule-light}"
        }
      }
    },
    "glass-muted": {
      "$type": "color",
      "$value": "{primitive.color.muted-glass-dark}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.muted-glass-dark}",
          "light": "{primitive.color.muted-glass-light}"
        }
      }
    },
    "glass-sheen": {
      "$type": "color",
      "$value": "{primitive.color.sheen-white}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.sheen-white}",
          "light": "{primitive.color.sheen-white-strong}"
        }
      }
    },
    "glass-sheen-low": {
      "$type": "color",
      "$value": "{primitive.color.sheen-white-faint}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.sheen-white-faint}",
          "light": "{primitive.color.sheen-shade}"
        }
      }
    },
    "glass-hover": {
      "$type": "color",
      "$value": "{primitive.color.tint-light-hover}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.tint-light-hover}",
          "light": "{primitive.color.tint-dark-hover}"
        }
      }
    },
    "glass-active": {
      "$type": "color",
      "$value": "{primitive.color.tint-light-active}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.tint-light-active}",
          "light": "{primitive.color.tint-dark-active}"
        }
      }
    },
    "accent": {
      "$type": "color",
      "$value": "{primitive.color.hplx-amber}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.hplx-amber}",
          "light": "{primitive.color.hplx-amber-deep}"
        }
      }
    },
    "shadow": {
      "$type": "color",
      "$value": "{primitive.color.shadow-dark}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.shadow-dark}",
          "light": "{primitive.color.shadow-light}"
        }
      }
    },
    "status-error-fg": {
      "$type": "color",
      "$value": "{primitive.color.red-200}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.red-200}",
          "light": "{primitive.color.red-800}"
        }
      }
    },
    "status-error-bg": {
      "$type": "color",
      "$value": "{primitive.color.red-950}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.red-950}",
          "light": "{primitive.color.red-50}"
        }
      }
    },
    "status-error-border": {
      "$type": "color",
      "$value": "{primitive.color.red-400}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.red-400}",
          "light": "{primitive.color.red-600}"
        }
      }
    },
    "status-warning-fg": {
      "$type": "color",
      "$value": "{primitive.color.amber-200}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.amber-200}",
          "light": "{primitive.color.amber-800}"
        }
      }
    },
    "status-warning-bg": {
      "$type": "color",
      "$value": "{primitive.color.amber-950}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.amber-950}",
          "light": "{primitive.color.amber-50}"
        }
      }
    },
    "status-warning-border": {
      "$type": "color",
      "$value": "{primitive.color.amber-400}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.amber-400}",
          "light": "{primitive.color.amber-600}"
        }
      }
    },
    "status-success-fg": {
      "$type": "color",
      "$value": "{primitive.color.green-200}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.green-200}",
          "light": "{primitive.color.green-800}"
        }
      }
    },
    "status-success-bg": {
      "$type": "color",
      "$value": "{primitive.color.green-950}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.green-950}",
          "light": "{primitive.color.green-50}"
        }
      }
    },
    "status-success-border": {
      "$type": "color",
      "$value": "{primitive.color.green-400}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.green-400}",
          "light": "{primitive.color.green-600}"
        }
      }
    },
    "status-info-fg": {
      "$type": "color",
      "$value": "{primitive.color.blue-200}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.blue-200}",
          "light": "{primitive.color.blue-800}"
        }
      }
    },
    "status-info-bg": {
      "$type": "color",
      "$value": "{primitive.color.blue-950}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.blue-950}",
          "light": "{primitive.color.blue-50}"
        }
      }
    },
    "status-info-border": {
      "$type": "color",
      "$value": "{primitive.color.blue-400}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.blue-400}",
          "light": "{primitive.color.blue-600}"
        }
      }
    }
  },
  "space": {
    "2": {
      "$type": "dimension",
      "$value": {
        "value": 0.5,
        "unit": "rem"
      }
    },
    "4": {
      "$type": "dimension",
      "$value": {
        "value": 1,
        "unit": "rem"
      }
    },
    "6": {
      "$type": "dimension",
      "$value": {
        "value": 1.5,
        "unit": "rem"
      }
    },
    "8": {
      "$type": "dimension",
      "$value": {
        "value": 2,
        "unit": "rem"
      }
    },
    "12": {
      "$type": "dimension",
      "$value": {
        "value": 3,
        "unit": "rem"
      }
    },
    "16": {
      "$type": "dimension",
      "$value": {
        "value": 4,
        "unit": "rem"
      }
    },
    "24": {
      "$type": "dimension",
      "$value": {
        "value": 6,
        "unit": "rem"
      }
    },
    "base": {
      "$type": "dimension",
      "$value": {
        "value": 0.25,
        "unit": "rem"
      }
    }
  },
  "radius": {
    "sm": {
      "$type": "dimension",
      "$value": {
        "value": 0.125,
        "unit": "rem"
      }
    },
    "md": {
      "$type": "dimension",
      "$value": {
        "value": 0.25,
        "unit": "rem"
      }
    },
    "full": {
      "$type": "dimension",
      "$value": {
        "value": 9999,
        "unit": "px"
      }
    }
  },
  "breakpoint": {
    "compact": {
      "$type": "dimension",
      "$value": {
        "value": 720,
        "unit": "px"
      }
    },
    "narrow": {
      "$type": "dimension",
      "$value": {
        "value": 380,
        "unit": "px"
      }
    }
  },
  "layout": {
    "radius": {
      "$type": "dimension",
      "$value": {
        "value": 0.25,
        "unit": "rem"
      }
    },
    "gutter": {
      "$type": "dimension",
      "$value": {
        "value": 1.5,
        "unit": "rem"
      }
    },
    "max-content": {
      "$type": "dimension",
      "$value": {
        "value": 70,
        "unit": "rem"
      }
    },
    "line": {
      "$type": "number",
      "$value": 65,
      "$description": "Reading measure in characters (CSS ch)."
    },
    "control-min": {
      "$type": "dimension",
      "$value": {
        "value": 2.75,
        "unit": "rem"
      }
    },
    "control-dense": {
      "$type": "dimension",
      "$value": {
        "value": 2,
        "unit": "rem"
      }
    },
    "focus-width": {
      "$type": "dimension",
      "$value": {
        "value": 2,
        "unit": "px"
      }
    },
    "focus-offset": {
      "$type": "dimension",
      "$value": {
        "value": 2,
        "unit": "px"
      }
    }
  },
  "elevation": {
    "1": {
      "surface": {
        "$type": "color",
        "$value": "{color.raised}"
      },
      "shadow": {
        "$type": "shadow",
        "$value": {
          "color": "{color.shadow}",
          "offsetX": {
            "value": 0,
            "unit": "px"
          },
          "offsetY": {
            "value": 1,
            "unit": "px"
          },
          "blur": {
            "value": 2,
            "unit": "px"
          },
          "spread": {
            "value": 0,
            "unit": "px"
          }
        }
      }
    },
    "2": {
      "surface": {
        "$type": "color",
        "$value": "{color.raised}"
      },
      "shadow": {
        "$type": "shadow",
        "$value": {
          "color": "{color.shadow}",
          "offsetX": {
            "value": 0,
            "unit": "px"
          },
          "offsetY": {
            "value": 4,
            "unit": "px"
          },
          "blur": {
            "value": 12,
            "unit": "px"
          },
          "spread": {
            "value": 0,
            "unit": "px"
          }
        }
      }
    },
    "3": {
      "surface": {
        "$type": "color",
        "$value": "{color.raised}"
      },
      "shadow": {
        "$type": "shadow",
        "$value": {
          "color": "{color.shadow}",
          "offsetX": {
            "value": 0,
            "unit": "px"
          },
          "offsetY": {
            "value": 12,
            "unit": "px"
          },
          "blur": {
            "value": 32,
            "unit": "px"
          },
          "spread": {
            "value": 0,
            "unit": "px"
          }
        }
      }
    }
  },
  "typography": {
    "body": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Inter",
        "fontSize": {
          "value": 1.0625,
          "unit": "rem"
        },
        "fontWeight": 400,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        },
        "lineHeight": 1.55
      },
      "$extensions": {
        "com.cosmiklabs": {
          "letterSpacingEm": 0,
          "textTransform": "none"
        }
      }
    },
    "display": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Spectral",
        "fontSize": {
          "value": 3,
          "unit": "rem"
        },
        "fontWeight": 600,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        },
        "lineHeight": 1.1
      },
      "$extensions": {
        "com.cosmiklabs": {
          "letterSpacingEm": 0,
          "textTransform": "none"
        }
      }
    },
    "display-small": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Spectral",
        "fontSize": {
          "value": 2.125,
          "unit": "rem"
        },
        "fontWeight": 600,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        },
        "lineHeight": 1.15
      },
      "$extensions": {
        "com.cosmiklabs": {
          "letterSpacingEm": 0,
          "textTransform": "none"
        }
      }
    },
    "section": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Spectral",
        "fontSize": {
          "value": 1.875,
          "unit": "rem"
        },
        "fontWeight": 600,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        },
        "lineHeight": 1.2
      },
      "$extensions": {
        "com.cosmiklabs": {
          "letterSpacingEm": 0,
          "textTransform": "none"
        }
      }
    },
    "card": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Spectral",
        "fontSize": {
          "value": 1.375,
          "unit": "rem"
        },
        "fontWeight": 600,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        },
        "lineHeight": 1.3
      },
      "$extensions": {
        "com.cosmiklabs": {
          "letterSpacingEm": 0,
          "textTransform": "none"
        }
      }
    },
    "control": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Inter",
        "fontSize": {
          "value": 0.9375,
          "unit": "rem"
        },
        "fontWeight": 500,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        },
        "lineHeight": 1.4
      },
      "$extensions": {
        "com.cosmiklabs": {
          "letterSpacingEm": 0,
          "textTransform": "none"
        }
      }
    },
    "ui": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Inter",
        "fontSize": {
          "value": 0.875,
          "unit": "rem"
        },
        "fontWeight": 500,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        },
        "lineHeight": 1.43
      },
      "$extensions": {
        "com.cosmiklabs": {
          "letterSpacingEm": 0,
          "textTransform": "none"
        }
      }
    },
    "ui-small": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Inter",
        "fontSize": {
          "value": 0.75,
          "unit": "rem"
        },
        "fontWeight": 500,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        },
        "lineHeight": 1.33
      },
      "$extensions": {
        "com.cosmiklabs": {
          "letterSpacingEm": 0,
          "textTransform": "none"
        }
      }
    },
    "label": {
      "$type": "typography",
      "$value": {
        "fontFamily": "IBM Plex Mono",
        "fontSize": {
          "value": 0.875,
          "unit": "rem"
        },
        "fontWeight": 400,
        "letterSpacing": {
          "value": 0.84,
          "unit": "px"
        },
        "lineHeight": 1.5
      },
      "$extensions": {
        "com.cosmiklabs": {
          "letterSpacingEm": 0.06,
          "textTransform": "uppercase"
        }
      }
    },
    "identity-label": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Inter",
        "fontSize": {
          "value": 1.25,
          "unit": "rem"
        },
        "fontWeight": 500,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        },
        "lineHeight": 1.3
      },
      "$extensions": {
        "com.cosmiklabs": {
          "letterSpacingEm": 0,
          "textTransform": "none"
        }
      }
    }
  },
  "motion": {
    "duration": {
      "$type": "duration",
      "$value": {
        "value": 140,
        "unit": "ms"
      }
    },
    "reduced-duration": {
      "$type": "duration",
      "$value": {
        "value": 0,
        "unit": "ms"
      }
    },
    "easing": {
      "$type": "cubicBezier",
      "$value": [0, 0, 0.58, 1]
    }
  },
  "glass": {
    "blur": {
      "$type": "dimension",
      "$value": {
        "value": 24,
        "unit": "px"
      },
      "$description": "Backdrop blur radius behind a glass surface."
    },
    "saturation": {
      "$type": "number",
      "$value": 1.4,
      "$description": "Backdrop saturation factor behind a glass surface; 1 leaves colour unchanged."
    },
    "sheenAngle": {
      "$type": "number",
      "$value": 160,
      "$description": "Direction of the edge sheen gradient in degrees (CSS linear-gradient angle): from glass-sheen to glass-sheen-low."
    },
    "dark": {
      "contrast": {
        "$type": "number",
        "$value": 0.75,
        "$description": "Backdrop contrast factor behind dark glass, applied after saturation; below 1 compresses the backdrop towards mid-grey."
      },
      "brightness": {
        "$type": "number",
        "$value": 0.5,
        "$description": "Backdrop brightness factor behind dark glass, applied after contrast; below 1 dims the backdrop."
      }
    },
    "light": {
      "contrast": {
        "$type": "number",
        "$value": 0.5,
        "$description": "Backdrop contrast factor behind light glass, applied after saturation; below 1 compresses the backdrop towards mid-grey."
      },
      "brightness": {
        "$type": "number",
        "$value": 1.35,
        "$description": "Backdrop brightness factor behind light glass, applied after contrast; above 1 lightens the backdrop."
      }
    }
  }
}