{
  "$description": "Skillmigo design tokens. Visual guide: https://skillmigo.com/brand/. All brand rules as Markdown: https://skillmigo.com/brand.md. In code, use the colour roles (var(--color-*)), never brand or system colours directly.",
  "brand": {
    "skill-blue": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0.396078431372549,
          0.9568627450980393
        ],
        "alpha": 1,
        "hex": "#0065F4"
      },
      "$description": "Skill Blue",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--brand-skill-blue)"
        }
      }
    },
    "migo-teal": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0.7254901960784313,
          0.6431372549019608
        ],
        "alpha": 1,
        "hex": "#00B9A4"
      },
      "$description": "Migo Teal",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--brand-migo-teal)"
        }
      }
    },
    "deep-navy": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.054901960784313725,
          0.17254901960784313,
          0.30980392156862746
        ],
        "alpha": 1,
        "hex": "#0E2C4F"
      },
      "$description": "Deep Navy",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--brand-deep-navy)"
        }
      }
    },
    "dark-navy": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.0392156862745098,
          0.08627450980392157,
          0.19607843137254902
        ],
        "alpha": 1,
        "hex": "#0A1632"
      },
      "$description": "Dark Navy",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--brand-dark-navy)"
        }
      }
    },
    "blue-grey-light": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.8235294117647058,
          0.8745098039215686,
          0.9294117647058824
        ],
        "alpha": 1,
        "hex": "#D2DFED"
      },
      "$description": "Blue Grey",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--brand-blue-grey-light)"
        }
      }
    },
    "blue-grey-dark": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.3568627450980392,
          0.49019607843137253,
          0.6470588235294118
        ],
        "alpha": 1,
        "hex": "#5B7DA5"
      },
      "$description": "Blue Grey (dark)",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--brand-blue-grey-dark)"
        }
      }
    },
    "soft-teal": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.8784313725490196,
          0.9803921568627451,
          0.9568627450980393
        ],
        "alpha": 1,
        "hex": "#E0FAF4"
      },
      "$description": "Soft Teal",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--brand-soft-teal)"
        }
      }
    },
    "soft-blue": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.9019607843137255,
          0.9490196078431372,
          1
        ],
        "alpha": 1,
        "hex": "#E6F2FF"
      },
      "$description": "Soft Blue",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--brand-soft-blue)"
        }
      }
    },
    "off-white": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.9450980392156862,
          0.9490196078431372,
          0.9529411764705882
        ],
        "alpha": 1,
        "hex": "#F1F2F3"
      },
      "$description": "Off-white",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--brand-off-white)"
        }
      }
    },
    "white": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          1,
          1
        ],
        "alpha": 1,
        "hex": "#FFFFFF"
      },
      "$description": "White",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--brand-white)"
        }
      }
    }
  },
  "system": {
    "deep-blue": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.0196078431372549,
          0.2901960784313726,
          0.6705882352941176
        ],
        "alpha": 1,
        "hex": "#054AAB"
      },
      "$description": "Deep Blue",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--system-deep-blue)"
        }
      }
    },
    "slate": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.2901960784313726,
          0.38823529411764707,
          0.5019607843137255
        ],
        "alpha": 1,
        "hex": "#4A6380"
      },
      "$description": "Slate",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--system-slate)"
        }
      }
    },
    "mist": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.6627450980392157,
          0.7372549019607844,
          0.8274509803921568
        ],
        "alpha": 1,
        "hex": "#A9BCD3"
      },
      "$description": "Mist",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--system-mist)"
        }
      }
    },
    "steel": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.4745098039215686,
          0.5882352941176471,
          0.7176470588235294
        ],
        "alpha": 1,
        "hex": "#7996B7"
      },
      "$description": "Steel",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--system-steel)"
        }
      }
    },
    "sky-blue": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.43529411764705883,
          0.6588235294117647,
          1
        ],
        "alpha": 1,
        "hex": "#6FA8FF"
      },
      "$description": "Sky Blue",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--system-sky-blue)"
        }
      }
    },
    "deep-teal": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0,
          0.4745098039215686,
          0.4196078431372549
        ],
        "alpha": 1,
        "hex": "#00796B"
      },
      "$description": "Deep Teal",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--system-deep-teal)"
        }
      }
    },
    "dim-teal": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.6588235294117647,
          0.8666666666666667,
          0.8274509803921568
        ],
        "alpha": 1,
        "hex": "#A8DDD3"
      },
      "$description": "Dim Teal",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--system-dim-teal)"
        }
      }
    },
    "red": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.7686274509803922,
          0.19607843137254902,
          0.0392156862745098
        ],
        "alpha": 1,
        "hex": "#C4320A"
      },
      "$description": "Red",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--system-red)"
        }
      }
    },
    "soft-red": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.9921568627450981,
          0.9254901960784314,
          0.9098039215686274
        ],
        "alpha": 1,
        "hex": "#FDECE8"
      },
      "$description": "Soft Red",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--system-soft-red)"
        }
      }
    },
    "coral": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.5411764705882353,
          0.4392156862745098
        ],
        "alpha": 1,
        "hex": "#FF8A70"
      },
      "$description": "Coral",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--system-coral)"
        }
      }
    },
    "dim-red": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.9215686274509803,
          0.7215686274509804,
          0.6745098039215687
        ],
        "alpha": 1,
        "hex": "#EBB8AC"
      },
      "$description": "Dim Red",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--system-dim-red)"
        }
      }
    },
    "amber": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.6039215686274509,
          0.3568627450980392,
          0
        ],
        "alpha": 1,
        "hex": "#9A5B00"
      },
      "$description": "Amber",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--system-amber)"
        }
      }
    },
    "soft-amber": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.9568627450980393,
          0.8392156862745098
        ],
        "alpha": 1,
        "hex": "#FFF4D6"
      },
      "$description": "Soft Amber",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--system-soft-amber)"
        }
      }
    },
    "sun": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          1,
          0.7843137254901961,
          0.3411764705882353
        ],
        "alpha": 1,
        "hex": "#FFC857"
      },
      "$description": "Sun",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--system-sun)"
        }
      }
    },
    "dim-amber": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.9137254901960784,
          0.8235294117647058,
          0.6039215686274509
        ],
        "alpha": 1,
        "hex": "#E9D29A"
      },
      "$description": "Dim Amber",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--system-dim-amber)"
        }
      }
    },
    "heart": {
      "$type": "color",
      "$value": {
        "colorSpace": "srgb",
        "components": [
          0.9098039215686274,
          0.20392156862745098,
          0.30980392156862746
        ],
        "alpha": 1,
        "hex": "#E8344F"
      },
      "$description": "Heart",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--system-heart)"
        }
      }
    }
  },
  "color-light": {
    "background": {
      "$type": "color",
      "$value": "{brand.white}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-background)"
        }
      }
    },
    "background-calm": {
      "$type": "color",
      "$value": "{brand.off-white}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-background-calm)"
        }
      }
    },
    "surface": {
      "$type": "color",
      "$value": "{brand.soft-blue}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-surface)"
        }
      }
    },
    "text": {
      "$type": "color",
      "$value": "{brand.deep-navy}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-text)"
        }
      }
    },
    "text-muted": {
      "$type": "color",
      "$value": "{system.slate}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-text-muted)"
        }
      }
    },
    "text-brand": {
      "$type": "color",
      "$value": "{brand.skill-blue}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-text-brand)"
        }
      }
    },
    "text-brand-on-surface": {
      "$type": "color",
      "$value": "{system.deep-blue}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-text-brand-on-surface)"
        }
      }
    },
    "primary": {
      "$type": "color",
      "$value": "{brand.skill-blue}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-primary)"
        }
      }
    },
    "primary-edge": {
      "$type": "color",
      "$value": "{system.deep-blue}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-primary-edge)"
        }
      }
    },
    "on-primary": {
      "$type": "color",
      "$value": "{brand.white}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-on-primary)"
        }
      }
    },
    "link": {
      "$type": "color",
      "$value": "{brand.skill-blue}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-link)"
        }
      }
    },
    "accent": {
      "$type": "color",
      "$value": "{brand.migo-teal}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-accent)"
        }
      }
    },
    "on-accent": {
      "$type": "color",
      "$value": "{brand.deep-navy}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-on-accent)"
        }
      }
    },
    "border": {
      "$type": "color",
      "$value": "{brand.blue-grey-light}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-border)"
        }
      }
    },
    "border-control": {
      "$type": "color",
      "$value": "{system.steel}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-border-control)"
        }
      }
    },
    "positive": {
      "$type": "color",
      "$value": "{system.deep-teal}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-positive)"
        }
      }
    },
    "positive-surface": {
      "$type": "color",
      "$value": "{brand.soft-teal}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-positive-surface)"
        }
      }
    },
    "on-positive-surface": {
      "$type": "color",
      "$value": "{brand.deep-navy}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-on-positive-surface)"
        }
      }
    },
    "negative": {
      "$type": "color",
      "$value": "{system.red}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-negative)"
        }
      }
    },
    "negative-surface": {
      "$type": "color",
      "$value": "{system.soft-red}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-negative-surface)"
        }
      }
    },
    "on-negative-surface": {
      "$type": "color",
      "$value": "{system.red}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-on-negative-surface)"
        }
      }
    },
    "warning": {
      "$type": "color",
      "$value": "{system.amber}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-warning)"
        }
      }
    },
    "warning-surface": {
      "$type": "color",
      "$value": "{system.soft-amber}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-warning-surface)"
        }
      }
    },
    "on-warning-surface": {
      "$type": "color",
      "$value": "{system.amber}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-on-warning-surface)"
        }
      }
    },
    "health": {
      "$type": "color",
      "$value": "{system.heart}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-health)"
        }
      }
    },
    "glow": {
      "$type": "color",
      "$value": "{system.sun}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-glow)"
        }
      }
    }
  },
  "color-dark": {
    "background": {
      "$type": "color",
      "$value": "{brand.dark-navy}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-background)"
        }
      }
    },
    "background-calm": {
      "$type": "color",
      "$value": "{brand.deep-navy}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-background-calm)"
        }
      }
    },
    "surface": {
      "$type": "color",
      "$value": "{brand.deep-navy}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-surface)"
        }
      }
    },
    "text": {
      "$type": "color",
      "$value": "{brand.white}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-text)"
        }
      }
    },
    "text-muted": {
      "$type": "color",
      "$value": "{system.mist}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-text-muted)"
        }
      }
    },
    "text-brand": {
      "$type": "color",
      "$value": "{system.sky-blue}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-text-brand)"
        }
      }
    },
    "text-brand-on-surface": {
      "$type": "color",
      "$value": "{system.sky-blue}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-text-brand-on-surface)"
        }
      }
    },
    "primary": {
      "$type": "color",
      "$value": "{brand.skill-blue}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-primary)"
        }
      }
    },
    "primary-edge": {
      "$type": "color",
      "$value": "{system.deep-blue}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-primary-edge)"
        }
      }
    },
    "on-primary": {
      "$type": "color",
      "$value": "{brand.white}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-on-primary)"
        }
      }
    },
    "link": {
      "$type": "color",
      "$value": "{system.sky-blue}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-link)"
        }
      }
    },
    "accent": {
      "$type": "color",
      "$value": "{brand.migo-teal}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-accent)"
        }
      }
    },
    "on-accent": {
      "$type": "color",
      "$value": "{brand.deep-navy}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-on-accent)"
        }
      }
    },
    "border": {
      "$type": "color",
      "$value": "{brand.blue-grey-dark}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-border)"
        }
      }
    },
    "border-control": {
      "$type": "color",
      "$value": "{brand.blue-grey-dark}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-border-control)"
        }
      }
    },
    "positive": {
      "$type": "color",
      "$value": "{brand.migo-teal}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-positive)"
        }
      }
    },
    "positive-surface": {
      "$type": "color",
      "$value": "{system.dim-teal}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-positive-surface)"
        }
      }
    },
    "on-positive-surface": {
      "$type": "color",
      "$value": "{brand.deep-navy}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-on-positive-surface)"
        }
      }
    },
    "negative": {
      "$type": "color",
      "$value": "{system.coral}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-negative)"
        }
      }
    },
    "negative-surface": {
      "$type": "color",
      "$value": "{system.dim-red}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-negative-surface)"
        }
      }
    },
    "on-negative-surface": {
      "$type": "color",
      "$value": "{brand.deep-navy}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-on-negative-surface)"
        }
      }
    },
    "warning": {
      "$type": "color",
      "$value": "{system.sun}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-warning)"
        }
      }
    },
    "warning-surface": {
      "$type": "color",
      "$value": "{system.dim-amber}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-warning-surface)"
        }
      }
    },
    "on-warning-surface": {
      "$type": "color",
      "$value": "{brand.deep-navy}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-on-warning-surface)"
        }
      }
    },
    "health": {
      "$type": "color",
      "$value": "{system.heart}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-health)"
        }
      }
    },
    "glow": {
      "$type": "color",
      "$value": "{system.sun}",
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--color-glow)"
        }
      }
    }
  },
  "font-size": {
    "xs": {
      "$type": "number",
      "$value": 12,
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--font-size-xs)"
        }
      }
    },
    "sm": {
      "$type": "number",
      "$value": 14,
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--font-size-sm)"
        }
      }
    },
    "md": {
      "$type": "number",
      "$value": 16,
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--font-size-md)"
        }
      }
    },
    "lg": {
      "$type": "number",
      "$value": 18,
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--font-size-lg)"
        }
      }
    },
    "xl": {
      "$type": "number",
      "$value": 20,
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--font-size-xl)"
        }
      }
    },
    "2xl": {
      "$type": "number",
      "$value": 24,
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--font-size-2xl)"
        }
      }
    },
    "3xl": {
      "$type": "number",
      "$value": 30,
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--font-size-3xl)"
        }
      }
    },
    "4xl": {
      "$type": "number",
      "$value": 36,
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--font-size-4xl)"
        }
      }
    },
    "5xl": {
      "$type": "number",
      "$value": 48,
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--font-size-5xl)"
        }
      }
    },
    "6xl": {
      "$type": "number",
      "$value": 60,
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--font-size-6xl)"
        }
      }
    },
    "7xl": {
      "$type": "number",
      "$value": 72,
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--font-size-7xl)"
        }
      }
    }
  },
  "font-weight": {
    "body": {
      "$type": "number",
      "$value": 500,
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--font-weight-body)"
        }
      }
    },
    "bold": {
      "$type": "number",
      "$value": 700,
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--font-weight-bold)"
        }
      }
    },
    "heading": {
      "$type": "number",
      "$value": 800,
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--font-weight-heading)"
        }
      }
    },
    "logo": {
      "$type": "number",
      "$value": 900,
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--font-weight-logo)"
        }
      }
    }
  },
  "space": {
    "0": {
      "$type": "number",
      "$value": 0,
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--space-0)"
        }
      }
    },
    "4": {
      "$type": "number",
      "$value": 4,
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--space-4)"
        }
      }
    },
    "8": {
      "$type": "number",
      "$value": 8,
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--space-8)"
        }
      }
    },
    "12": {
      "$type": "number",
      "$value": 12,
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--space-12)"
        }
      }
    },
    "16": {
      "$type": "number",
      "$value": 16,
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--space-16)"
        }
      }
    },
    "24": {
      "$type": "number",
      "$value": 24,
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--space-24)"
        }
      }
    },
    "32": {
      "$type": "number",
      "$value": 32,
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--space-32)"
        }
      }
    },
    "48": {
      "$type": "number",
      "$value": 48,
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--space-48)"
        }
      }
    },
    "64": {
      "$type": "number",
      "$value": 64,
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--space-64)"
        }
      }
    },
    "96": {
      "$type": "number",
      "$value": 96,
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--space-96)"
        }
      }
    },
    "128": {
      "$type": "number",
      "$value": 128,
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--space-128)"
        }
      }
    }
  },
  "radius": {
    "0": {
      "$type": "number",
      "$value": 0,
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--radius-0)"
        }
      }
    },
    "2": {
      "$type": "number",
      "$value": 2,
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--radius-2)"
        }
      }
    },
    "4": {
      "$type": "number",
      "$value": 4,
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--radius-4)"
        }
      }
    },
    "8": {
      "$type": "number",
      "$value": 8,
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--radius-8)"
        }
      }
    },
    "12": {
      "$type": "number",
      "$value": 12,
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--radius-12)"
        }
      }
    },
    "16": {
      "$type": "number",
      "$value": 16,
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--radius-16)"
        }
      }
    },
    "24": {
      "$type": "number",
      "$value": 24,
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--radius-24)"
        }
      }
    },
    "full": {
      "$type": "number",
      "$value": 9999,
      "$extensions": {
        "com.figma.codeSyntax": {
          "WEB": "var(--radius-full)"
        }
      }
    }
  },
  "$extensions": {
    "com.skillmigo.font": "Nunito (Google Fonts, OFL), self-hosted via @fontsource-variable/nunito",
    "com.skillmigo.assets": {
      "logo": "https://skillmigo.com/brand/#logo"
    }
  }
}