{
  "color": {
    "paper": {
      "$type": "color",
      "$value": "#FFF7F4"
    },
    "cream": {
      "$type": "color",
      "$value": "#F8F1E8"
    },
    "plum": {
      "$type": "color",
      "$value": "#3A1230"
    },
    "plum-2": {
      "$type": "color",
      "$value": "#5A2141"
    },
    "muted": {
      "$type": "color",
      "$value": "#7B5A6C"
    },
    "thread": {
      "$type": "color",
      "$value": "#D0021B"
    },
    "line": {
      "$type": "color",
      "$value": "#3A123024"
    },
    "blush": {
      "$type": "color",
      "$value": "#FBE3EC"
    },
    "pink": {
      "$type": "color",
      "$value": "#FFB8E0"
    },
    "hot": {
      "$type": "color",
      "$value": "#FF4FB4"
    },
    "orchid": {
      "$type": "color",
      "$value": "#E57BE0"
    },
    "lilac": {
      "$type": "color",
      "$value": "#E6D8FF"
    },
    "lavender": {
      "$type": "color",
      "$value": "#C6A6FF"
    },
    "violet": {
      "$type": "color",
      "$value": "#7B4DFF"
    },
    "sky": {
      "$type": "color",
      "$value": "#D3E6FF"
    },
    "butter": {
      "$type": "color",
      "$value": "#FFF1A6"
    },
    "acid": {
      "$type": "color",
      "$value": "#E8F25C"
    },
    "tangerine": {
      "$type": "color",
      "$value": "#FF5A1F"
    },
    "mint": {
      "$type": "color",
      "$value": "#CDEFE4"
    },
    "gold": {
      "$type": "color",
      "$value": "#B88A3E"
    },
    "gold-soft": {
      "$type": "color",
      "$value": "#EBD7AE"
    },
    "wine": {
      "$type": "color",
      "$value": "#8E0F2B"
    },
    "surface": {
      "$type": "color",
      "$value": "#FFFFFF"
    },
    "on-accent": {
      "$type": "color",
      "$value": "#FFFFFF"
    },
    "role": {
      "bg": {
        "$type": "color",
        "$value": "{color.paper}"
      },
      "surface-2": {
        "$type": "color",
        "$value": "{color.blush}"
      },
      "ink": {
        "$type": "color",
        "$value": "{color.plum}"
      },
      "ink-soft": {
        "$type": "color",
        "$value": "{color.muted}"
      },
      "accent": {
        "$type": "color",
        "$value": "{color.thread}"
      },
      "accent-2": {
        "$type": "color",
        "$value": "{color.hot}"
      },
      "focus": {
        "$type": "color",
        "$value": "{color.violet}"
      }
    }
  },
  "font": {
    "family": {
      "display": {
        "$type": "fontFamily",
        "$value": [
          "Fixel Display",
          "Fixel Text",
          "system-ui",
          "sans-serif"
        ]
      },
      "text": {
        "$type": "fontFamily",
        "$value": [
          "Fixel Text",
          "system-ui",
          "sans-serif"
        ]
      }
    },
    "size": {
      "step--1": {
        "$type": "dimension",
        "$value": {
          "value": 0.9,
          "unit": "rem"
        },
        "$description": "Fluid: the value is the maximum; the CSS clamp() is in $extensions.",
        "$extensions": {
          "com.martabarandiy.css": "clamp(.82rem, .8rem + .1vw, .9rem)"
        }
      },
      "step-0": {
        "$type": "dimension",
        "$value": {
          "value": 1.125,
          "unit": "rem"
        },
        "$description": "Fluid: the value is the maximum; the CSS clamp() is in $extensions.",
        "$extensions": {
          "com.martabarandiy.css": "clamp(1rem, .96rem + .2vw, 1.125rem)"
        }
      },
      "step-1": {
        "$type": "dimension",
        "$value": {
          "value": 1.5,
          "unit": "rem"
        },
        "$description": "Fluid: the value is the maximum; the CSS clamp() is in $extensions.",
        "$extensions": {
          "com.martabarandiy.css": "clamp(1.2rem, 1.1rem + .5vw, 1.5rem)"
        }
      },
      "step-2": {
        "$type": "dimension",
        "$value": {
          "value": 2.1,
          "unit": "rem"
        },
        "$description": "Fluid: the value is the maximum; the CSS clamp() is in $extensions.",
        "$extensions": {
          "com.martabarandiy.css": "clamp(1.5rem, 1.3rem + 1vw, 2.1rem)"
        }
      },
      "step-3": {
        "$type": "dimension",
        "$value": {
          "value": 3.2,
          "unit": "rem"
        },
        "$description": "Fluid: the value is the maximum; the CSS clamp() is in $extensions.",
        "$extensions": {
          "com.martabarandiy.css": "clamp(2rem, 1.6rem + 2vw, 3.2rem)"
        }
      },
      "step-4": {
        "$type": "dimension",
        "$value": {
          "value": 5.2,
          "unit": "rem"
        },
        "$description": "Fluid: the value is the maximum; the CSS clamp() is in $extensions.",
        "$extensions": {
          "com.martabarandiy.css": "clamp(2.6rem, 1.8rem + 4vw, 5.2rem)"
        }
      },
      "step-5": {
        "$type": "dimension",
        "$value": {
          "value": 8.5,
          "unit": "rem"
        },
        "$description": "Fluid: the value is the maximum; the CSS clamp() is in $extensions.",
        "$extensions": {
          "com.martabarandiy.css": "clamp(3.2rem, 2rem + 7vw, 8.5rem)"
        }
      },
      "step-6": {
        "$type": "dimension",
        "$value": {
          "value": 14.0,
          "unit": "rem"
        },
        "$description": "Fluid: the value is the maximum; the CSS clamp() is in $extensions.",
        "$extensions": {
          "com.martabarandiy.css": "clamp(4.2rem, 1.5rem + 13vw, 14rem)"
        }
      }
    },
    "tracking": {
      "tight": {
        "$type": "number",
        "$value": -0.045,
        "$description": "Letter spacing in em."
      },
      "poster": {
        "$type": "number",
        "$value": -0.06,
        "$description": "Letter spacing in em."
      }
    },
    "leading": {
      "$type": "number",
      "$value": 1.55
    }
  },
  "size": {
    "measure": {
      "$type": "number",
      "$value": 66,
      "$description": "Line length in ch.",
      "$extensions": {
        "com.martabarandiy.css": "66ch"
      }
    }
  },
  "space": {
    "1": {
      "$type": "dimension",
      "$value": {
        "value": 0.25,
        "unit": "rem"
      }
    },
    "2": {
      "$type": "dimension",
      "$value": {
        "value": 0.5,
        "unit": "rem"
      }
    },
    "3": {
      "$type": "dimension",
      "$value": {
        "value": 1.0,
        "unit": "rem"
      }
    },
    "4": {
      "$type": "dimension",
      "$value": {
        "value": 1.5,
        "unit": "rem"
      }
    },
    "5": {
      "$type": "dimension",
      "$value": {
        "value": 2.5,
        "unit": "rem"
      }
    },
    "6": {
      "$type": "dimension",
      "$value": {
        "value": 4.0,
        "unit": "rem"
      }
    },
    "7": {
      "$type": "dimension",
      "$value": {
        "value": 6.5,
        "unit": "rem"
      }
    },
    "gutter": {
      "$type": "dimension",
      "$value": {
        "value": 3,
        "unit": "rem"
      },
      "$description": "Fluid",
      "$extensions": {
        "com.martabarandiy.css": "clamp(1rem, 4vw, 3rem)"
      }
    }
  },
  "radius": {
    "default": {
      "$type": "dimension",
      "$value": {
        "value": 20.0,
        "unit": "px"
      }
    },
    "lg": {
      "$type": "dimension",
      "$value": {
        "value": 32.0,
        "unit": "px"
      }
    },
    "pill": {
      "$type": "dimension",
      "$value": {
        "value": 999.0,
        "unit": "px"
      }
    },
    "arch": {
      "$type": "dimension",
      "$value": {
        "value": 999,
        "unit": "px"
      },
      "$description": "Composite border-radius; use the CSS value in $extensions.",
      "$extensions": {
        "com.martabarandiy.css": "999px 999px var(--mb-radius) var(--mb-radius)"
      }
    },
    "petal": {
      "$type": "dimension",
      "$value": {
        "value": 999,
        "unit": "px"
      },
      "$description": "Composite border-radius; use the CSS value in $extensions.",
      "$extensions": {
        "com.martabarandiy.css": "48% 52% 50% 50% / 60% 60% 40% 40%"
      }
    }
  },
  "motion": {
    "easing": {
      "out": {
        "$type": "cubicBezier",
        "$value": [
          0.2,
          0.0,
          0.0,
          1.0
        ]
      },
      "in": {
        "$type": "cubicBezier",
        "$value": [
          0.4,
          0.0,
          1.0,
          1.0
        ]
      },
      "silk": {
        "$type": "cubicBezier",
        "$value": [
          0.65,
          0.0,
          0.35,
          1.0
        ]
      },
      "spring": {
        "$type": "cubicBezier",
        "$value": [
          0.34,
          1.4,
          0.64,
          1.0
        ]
      }
    },
    "duration": {
      "1": {
        "$type": "duration",
        "$value": {
          "value": 140.0,
          "unit": "ms"
        }
      },
      "2": {
        "$type": "duration",
        "$value": {
          "value": 260.0,
          "unit": "ms"
        }
      },
      "3": {
        "$type": "duration",
        "$value": {
          "value": 520.0,
          "unit": "ms"
        }
      },
      "4": {
        "$type": "duration",
        "$value": {
          "value": 900.0,
          "unit": "ms"
        }
      }
    }
  },
  "shadow": {
    "default": {
      "$type": "shadow",
      "$value": {
        "color": "#3A123080",
        "offsetX": {
          "value": 0.0,
          "unit": "px"
        },
        "offsetY": {
          "value": 18.0,
          "unit": "px"
        },
        "blur": {
          "value": 50.0,
          "unit": "px"
        },
        "spread": {
          "value": -26.0,
          "unit": "px"
        }
      }
    },
    "lift": {
      "$type": "shadow",
      "$value": {
        "color": "#3A12308C",
        "offsetX": {
          "value": 0.0,
          "unit": "px"
        },
        "offsetY": {
          "value": 30.0,
          "unit": "px"
        },
        "blur": {
          "value": 70.0,
          "unit": "px"
        },
        "spread": {
          "value": -30.0,
          "unit": "px"
        }
      }
    }
  },
  "register": {
    "policy": {
      "bg": {
        "$type": "color",
        "$value": "#FBF8FF"
      },
      "surface-2": {
        "$type": "color",
        "$value": "{color.lilac}"
      },
      "accent-2": {
        "$type": "color",
        "$value": "{color.violet}"
      }
    },
    "stage": {
      "bg": {
        "$type": "color",
        "$value": "#24081D"
      },
      "surface": {
        "$type": "color",
        "$value": "#33102A"
      },
      "surface-2": {
        "$type": "color",
        "$value": "#4A1A3C"
      },
      "ink": {
        "$type": "color",
        "$value": "#FFF1F6"
      },
      "ink-soft": {
        "$type": "color",
        "$value": "#E3BFD2"
      },
      "accent": {
        "$type": "color",
        "$value": "#FF5A6E"
      },
      "accent-2": {
        "$type": "color",
        "$value": "{color.gold-soft}"
      },
      "line": {
        "$type": "color",
        "$value": "#FFF1F62E"
      },
      "focus": {
        "$type": "color",
        "$value": "{color.pink}"
      }
    },
    "poster": {
      "bg": {
        "$type": "color",
        "$value": "{color.pink}"
      },
      "surface": {
        "$type": "color",
        "$value": "#FFD6EE"
      },
      "surface-2": {
        "$type": "color",
        "$value": "{color.hot}"
      },
      "accent-2": {
        "$type": "color",
        "$value": "{color.violet}"
      }
    },
    "ukraine": {
      "bg": {
        "$type": "color",
        "$value": "#FFFDF2"
      },
      "surface-2": {
        "$type": "color",
        "$value": "{color.butter}"
      },
      "accent-2": {
        "$type": "color",
        "$value": "#2F6FE4"
      }
    }
  },
  "$description": "Marta Barandiy brand tokens. Format: W3C Design Tokens (DTCG). Registers re-map roles per context."
}