{
  "$description": "Cosmik · Tectra 0.6.1 — 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 · Tectra",
      "version": "0.6.1",
      "status": "Approved — 17 October 2026; angle-only Latch approved",
      "family": "tectra",
      "extends": "Cosmik baseline 0.11.0",
      "defaultMode": "dark",
      "modes": [
        "dark",
        "light"
      ],
      "proposals": [
        "Theme palette, typography and applications approved by owner on 2026-10-17; product-specific rendered accessibility QA remains required.",
        "Approved angle-only Latch symbol and outlined Inter label lockups are supplied in assets/.",
        "Public examples must distinguish verified capabilities from intended workflow; pricing and availability claims require separate approval."
      ]
    }
  },
  "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"
        }
      },
      "tectra-dark-bg": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.058824, 0.090196, 0.098039],
          "alpha": 1,
          "hex": "#0f1719"
        }
      },
      "tectra-dark-surface": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.090196, 0.129412, 0.145098],
          "alpha": 1,
          "hex": "#172125"
        }
      },
      "tectra-dark-raised": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.137255, 0.188235, 0.203922],
          "alpha": 1,
          "hex": "#233034"
        }
      },
      "tectra-dark-text": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.929412, 0.956863, 0.952941],
          "alpha": 1,
          "hex": "#edf4f3"
        }
      },
      "tectra-dark-muted": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.678431, 0.756863, 0.745098],
          "alpha": 1,
          "hex": "#adc1be"
        }
      },
      "tectra-dark-border": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.517647, 0.607843, 0.596078],
          "alpha": 1,
          "hex": "#849b98"
        }
      },
      "tectra-dark-divider": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.203922, 0.278431, 0.266667],
          "alpha": 1,
          "hex": "#344744"
        }
      },
      "tectra-dark-focus": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.443137, 0.839216, 0.764706],
          "alpha": 1,
          "hex": "#71d6c3"
        }
      },
      "tectra-dark-link": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.929412, 0.956863, 0.952941],
          "alpha": 1,
          "hex": "#edf4f3"
        }
      },
      "tectra-dark-link-hover": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.443137, 0.839216, 0.764706],
          "alpha": 1,
          "hex": "#71d6c3"
        }
      },
      "tectra-dark-link-active": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.929412, 0.956863, 0.952941],
          "alpha": 1,
          "hex": "#edf4f3"
        }
      },
      "tectra-dark-on-selected": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.058824, 0.090196, 0.098039],
          "alpha": 1,
          "hex": "#0f1719"
        }
      },
      "tectra-dark-action-primary": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.443137, 0.839216, 0.764706],
          "alpha": 1,
          "hex": "#71d6c3"
        }
      },
      "tectra-dark-action-primary-hover": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.572549, 0.898039, 0.831373],
          "alpha": 1,
          "hex": "#92e5d4"
        }
      },
      "tectra-dark-action-primary-active": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.701961, 0.937255, 0.890196],
          "alpha": 1,
          "hex": "#b3efe3"
        }
      },
      "tectra-dark-action-primary-fg": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.058824, 0.090196, 0.098039],
          "alpha": 1,
          "hex": "#0f1719"
        }
      },
      "tectra-dark-action-secondary": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.090196, 0.129412, 0.145098],
          "alpha": 1,
          "hex": "#172125"
        }
      },
      "tectra-dark-action-secondary-hover": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.137255, 0.188235, 0.203922],
          "alpha": 1,
          "hex": "#233034"
        }
      },
      "tectra-dark-action-secondary-active": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.184314, 0.243137, 0.258824],
          "alpha": 1,
          "hex": "#2f3e42"
        }
      },
      "tectra-dark-action-secondary-fg": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.929412, 0.956863, 0.952941],
          "alpha": 1,
          "hex": "#edf4f3"
        }
      },
      "tectra-dark-input-bg": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.090196, 0.129412, 0.145098],
          "alpha": 1,
          "hex": "#172125"
        }
      },
      "tectra-dark-input-fg": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.929412, 0.956863, 0.952941],
          "alpha": 1,
          "hex": "#edf4f3"
        }
      },
      "tectra-dark-input-placeholder": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.678431, 0.756863, 0.745098],
          "alpha": 1,
          "hex": "#adc1be"
        }
      },
      "tectra-dark-disabled-bg": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.137255, 0.188235, 0.203922],
          "alpha": 1,
          "hex": "#233034"
        }
      },
      "tectra-dark-disabled-fg": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.678431, 0.756863, 0.745098],
          "alpha": 1,
          "hex": "#adc1be"
        }
      },
      "tectra-dark-disabled-border": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.517647, 0.607843, 0.596078],
          "alpha": 1,
          "hex": "#849b98"
        }
      },
      "tectra-dark-status-fg": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.929412, 0.956863, 0.952941],
          "alpha": 1,
          "hex": "#edf4f3"
        }
      },
      "tectra-dark-status-bg": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.137255, 0.188235, 0.203922],
          "alpha": 1,
          "hex": "#233034"
        }
      },
      "tectra-dark-status-border": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.517647, 0.607843, 0.596078],
          "alpha": 1,
          "hex": "#849b98"
        }
      },
      "tectra-dark-accent": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.443137, 0.839216, 0.764706],
          "alpha": 1,
          "hex": "#71d6c3"
        }
      },
      "tectra-light-bg": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.94902, 0.964706, 0.960784],
          "alpha": 1,
          "hex": "#f2f6f5"
        }
      },
      "tectra-light-raised": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.878431, 0.917647, 0.905882],
          "alpha": 1,
          "hex": "#e0eae7"
        }
      },
      "tectra-light-text": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.078431, 0.160784, 0.145098],
          "alpha": 1,
          "hex": "#142925"
        }
      },
      "tectra-light-muted": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.301961, 0.403922, 0.380392],
          "alpha": 1,
          "hex": "#4d6761"
        }
      },
      "tectra-light-border": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.396078, 0.498039, 0.470588],
          "alpha": 1,
          "hex": "#657f78"
        }
      },
      "tectra-light-divider": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.760784, 0.819608, 0.8],
          "alpha": 1,
          "hex": "#c2d1cc"
        }
      },
      "tectra-light-focus": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.070588, 0.419608, 0.368627],
          "alpha": 1,
          "hex": "#126b5e"
        }
      },
      "tectra-light-link": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.078431, 0.160784, 0.145098],
          "alpha": 1,
          "hex": "#142925"
        }
      },
      "tectra-light-link-hover": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.070588, 0.419608, 0.368627],
          "alpha": 1,
          "hex": "#126b5e"
        }
      },
      "tectra-light-link-active": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.078431, 0.160784, 0.145098],
          "alpha": 1,
          "hex": "#142925"
        }
      },
      "tectra-light-on-selected": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.94902, 0.964706, 0.960784],
          "alpha": 1,
          "hex": "#f2f6f5"
        }
      },
      "tectra-light-action-primary": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.070588, 0.419608, 0.368627],
          "alpha": 1,
          "hex": "#126b5e"
        }
      },
      "tectra-light-action-primary-hover": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.05098, 0.356863, 0.313725],
          "alpha": 1,
          "hex": "#0d5b50"
        }
      },
      "tectra-light-action-primary-active": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.031373, 0.294118, 0.254902],
          "alpha": 1,
          "hex": "#084b41"
        }
      },
      "tectra-light-action-secondary-hover": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.878431, 0.917647, 0.905882],
          "alpha": 1,
          "hex": "#e0eae7"
        }
      },
      "tectra-light-action-secondary-active": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.8, 0.854902, 0.835294],
          "alpha": 1,
          "hex": "#ccdad5"
        }
      },
      "tectra-light-action-secondary-fg": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.078431, 0.160784, 0.145098],
          "alpha": 1,
          "hex": "#142925"
        }
      },
      "tectra-light-input-fg": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.078431, 0.160784, 0.145098],
          "alpha": 1,
          "hex": "#142925"
        }
      },
      "tectra-light-input-placeholder": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.301961, 0.403922, 0.380392],
          "alpha": 1,
          "hex": "#4d6761"
        }
      },
      "tectra-light-disabled-bg": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.878431, 0.917647, 0.905882],
          "alpha": 1,
          "hex": "#e0eae7"
        }
      },
      "tectra-light-disabled-fg": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.301961, 0.403922, 0.380392],
          "alpha": 1,
          "hex": "#4d6761"
        }
      },
      "tectra-light-disabled-border": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.396078, 0.498039, 0.470588],
          "alpha": 1,
          "hex": "#657f78"
        }
      },
      "tectra-light-status-fg": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.078431, 0.160784, 0.145098],
          "alpha": 1,
          "hex": "#142925"
        }
      },
      "tectra-light-status-bg": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.878431, 0.917647, 0.905882],
          "alpha": 1,
          "hex": "#e0eae7"
        }
      },
      "tectra-light-status-border": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.396078, 0.498039, 0.470588],
          "alpha": 1,
          "hex": "#657f78"
        }
      },
      "tectra-light-accent": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.070588, 0.419608, 0.368627],
          "alpha": 1,
          "hex": "#126b5e"
        }
      },
      "tectra-dark-glass": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.090196, 0.129412, 0.145098],
          "alpha": 0.376471,
          "hex": "#172125"
        }
      },
      "tectra-light-glass-muted": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.180392, 0.258824, 0.243137],
          "alpha": 1,
          "hex": "#2e423e"
        }
      },
      "tectra-dark-glass-muted": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.788235, 0.843137, 0.827451],
          "alpha": 1,
          "hex": "#c9d7d3"
        }
      },
      "tectra-dark-glass-sheen": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.929412, 0.956863, 0.952941],
          "alpha": 0.65098,
          "hex": "#edf4f3"
        }
      },
      "tectra-dark-glass-sheen-low": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.929412, 0.956863, 0.952941],
          "alpha": 0.2,
          "hex": "#edf4f3"
        }
      },
      "tectra-light-glass-sheen-low": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [0.058824, 0.090196, 0.098039],
          "alpha": 0.25098,
          "hex": "#0f1719"
        }
      }
    }
  },
  "color": {
    "bg": {
      "$type": "color",
      "$value": "{primitive.color.tectra-dark-bg}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.tectra-dark-bg}",
          "light": "{primitive.color.tectra-light-bg}"
        }
      }
    },
    "surface": {
      "$type": "color",
      "$value": "{primitive.color.tectra-dark-surface}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.tectra-dark-surface}",
          "light": "{primitive.color.white}"
        }
      }
    },
    "raised": {
      "$type": "color",
      "$value": "{primitive.color.tectra-dark-raised}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.tectra-dark-raised}",
          "light": "{primitive.color.tectra-light-raised}"
        }
      }
    },
    "text": {
      "$type": "color",
      "$value": "{primitive.color.tectra-dark-text}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.tectra-dark-text}",
          "light": "{primitive.color.tectra-light-text}"
        }
      }
    },
    "muted": {
      "$type": "color",
      "$value": "{primitive.color.tectra-dark-muted}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.tectra-dark-muted}",
          "light": "{primitive.color.tectra-light-muted}"
        }
      }
    },
    "border": {
      "$type": "color",
      "$value": "{primitive.color.tectra-dark-border}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.tectra-dark-border}",
          "light": "{primitive.color.tectra-light-border}"
        }
      }
    },
    "divider": {
      "$type": "color",
      "$value": "{primitive.color.tectra-dark-divider}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.tectra-dark-divider}",
          "light": "{primitive.color.tectra-light-divider}"
        }
      }
    },
    "focus": {
      "$type": "color",
      "$value": "{primitive.color.tectra-dark-focus}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.tectra-dark-focus}",
          "light": "{primitive.color.tectra-light-focus}"
        }
      }
    },
    "link": {
      "$type": "color",
      "$value": "{primitive.color.tectra-dark-link}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.tectra-dark-link}",
          "light": "{primitive.color.tectra-light-link}"
        }
      }
    },
    "link-hover": {
      "$type": "color",
      "$value": "{primitive.color.tectra-dark-link-hover}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.tectra-dark-link-hover}",
          "light": "{primitive.color.tectra-light-link-hover}"
        }
      }
    },
    "link-active": {
      "$type": "color",
      "$value": "{primitive.color.tectra-dark-link-active}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.tectra-dark-link-active}",
          "light": "{primitive.color.tectra-light-link-active}"
        }
      }
    },
    "on-selected": {
      "$type": "color",
      "$value": "{primitive.color.tectra-dark-on-selected}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.tectra-dark-on-selected}",
          "light": "{primitive.color.tectra-light-on-selected}"
        }
      }
    },
    "selected": {
      "$type": "color",
      "$value": "{primitive.color.tectra-dark-accent}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.tectra-dark-accent}",
          "light": "{primitive.color.tectra-light-accent}"
        }
      }
    },
    "action-primary": {
      "$type": "color",
      "$value": "{primitive.color.tectra-dark-action-primary}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.tectra-dark-action-primary}",
          "light": "{primitive.color.tectra-light-action-primary}"
        }
      }
    },
    "action-primary-hover": {
      "$type": "color",
      "$value": "{primitive.color.tectra-dark-action-primary-hover}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.tectra-dark-action-primary-hover}",
          "light": "{primitive.color.tectra-light-action-primary-hover}"
        }
      }
    },
    "action-primary-active": {
      "$type": "color",
      "$value": "{primitive.color.tectra-dark-action-primary-active}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.tectra-dark-action-primary-active}",
          "light": "{primitive.color.tectra-light-action-primary-active}"
        }
      }
    },
    "action-primary-fg": {
      "$type": "color",
      "$value": "{primitive.color.tectra-dark-action-primary-fg}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.tectra-dark-action-primary-fg}",
          "light": "{primitive.color.white}"
        }
      }
    },
    "action-secondary": {
      "$type": "color",
      "$value": "{primitive.color.tectra-dark-action-secondary}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.tectra-dark-action-secondary}",
          "light": "{primitive.color.white}"
        }
      }
    },
    "action-secondary-hover": {
      "$type": "color",
      "$value": "{primitive.color.tectra-dark-action-secondary-hover}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.tectra-dark-action-secondary-hover}",
          "light": "{primitive.color.tectra-light-action-secondary-hover}"
        }
      }
    },
    "action-secondary-active": {
      "$type": "color",
      "$value": "{primitive.color.tectra-dark-action-secondary-active}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.tectra-dark-action-secondary-active}",
          "light": "{primitive.color.tectra-light-action-secondary-active}"
        }
      }
    },
    "action-secondary-fg": {
      "$type": "color",
      "$value": "{primitive.color.tectra-dark-action-secondary-fg}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.tectra-dark-action-secondary-fg}",
          "light": "{primitive.color.tectra-light-action-secondary-fg}"
        }
      }
    },
    "input-bg": {
      "$type": "color",
      "$value": "{primitive.color.tectra-dark-input-bg}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.tectra-dark-input-bg}",
          "light": "{primitive.color.white}"
        }
      }
    },
    "input-fg": {
      "$type": "color",
      "$value": "{primitive.color.tectra-dark-input-fg}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.tectra-dark-input-fg}",
          "light": "{primitive.color.tectra-light-input-fg}"
        }
      }
    },
    "input-placeholder": {
      "$type": "color",
      "$value": "{primitive.color.tectra-dark-input-placeholder}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.tectra-dark-input-placeholder}",
          "light": "{primitive.color.tectra-light-input-placeholder}"
        }
      }
    },
    "disabled-bg": {
      "$type": "color",
      "$value": "{primitive.color.tectra-dark-disabled-bg}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.tectra-dark-disabled-bg}",
          "light": "{primitive.color.tectra-light-disabled-bg}"
        }
      }
    },
    "disabled-fg": {
      "$type": "color",
      "$value": "{primitive.color.tectra-dark-disabled-fg}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.tectra-dark-disabled-fg}",
          "light": "{primitive.color.tectra-light-disabled-fg}"
        }
      }
    },
    "disabled-border": {
      "$type": "color",
      "$value": "{primitive.color.tectra-dark-disabled-border}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.tectra-dark-disabled-border}",
          "light": "{primitive.color.tectra-light-disabled-border}"
        }
      }
    },
    "status-fg": {
      "$type": "color",
      "$value": "{primitive.color.tectra-dark-status-fg}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.tectra-dark-status-fg}",
          "light": "{primitive.color.tectra-light-status-fg}"
        }
      }
    },
    "status-bg": {
      "$type": "color",
      "$value": "{primitive.color.tectra-dark-status-bg}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.tectra-dark-status-bg}",
          "light": "{primitive.color.tectra-light-status-bg}"
        }
      }
    },
    "status-border": {
      "$type": "color",
      "$value": "{primitive.color.tectra-dark-status-border}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.tectra-dark-status-border}",
          "light": "{primitive.color.tectra-light-status-border}"
        }
      }
    },
    "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.tectra-dark-glass}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.tectra-dark-glass}",
          "light": "{primitive.color.glass-light}"
        }
      }
    },
    "glass-border": {
      "$type": "color",
      "$value": "{primitive.color.tectra-dark-divider}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.tectra-dark-divider}",
          "light": "{primitive.color.tectra-light-divider}"
        }
      }
    },
    "glass-muted": {
      "$type": "color",
      "$value": "{primitive.color.tectra-dark-glass-muted}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.tectra-dark-glass-muted}",
          "light": "{primitive.color.tectra-light-glass-muted}"
        }
      }
    },
    "glass-sheen": {
      "$type": "color",
      "$value": "{primitive.color.tectra-dark-glass-sheen}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.tectra-dark-glass-sheen}",
          "light": "{primitive.color.sheen-white-strong}"
        }
      }
    },
    "glass-sheen-low": {
      "$type": "color",
      "$value": "{primitive.color.tectra-dark-glass-sheen-low}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.tectra-dark-glass-sheen-low}",
          "light": "{primitive.color.tectra-light-glass-sheen-low}"
        }
      }
    },
    "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.tectra-dark-accent}",
      "$extensions": {
        "com.cosmiklabs.modes": {
          "dark": "{primitive.color.tectra-dark-accent}",
          "light": "{primitive.color.tectra-light-accent}"
        }
      }
    }
  },
  "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": {},
  "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": "Inter",
        "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": "Inter",
        "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": "Inter",
        "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": "Inter",
        "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."
      }
    }
  }
}