{
  "$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
  "name": "MERXI Brand Foundations",
  "version": "1.5.1",
  "updated": "2026-09-04",
  "color": {
    "canvas": {
      "cloud": { "$type": "color", "$value": "#FCFAF4" },
      "pearl": { "$type": "color", "$value": "#F4EDDF" },
      "mist": { "$type": "color", "$value": "#EAF2F7" },
      "white": { "$type": "color", "$value": "#FFFFFF" }
    },
    "brand": {
      "azure": { "$type": "color", "$value": "#145BFF" },
      "cobalt": { "$type": "color", "$value": "#0A3FB8" },
      "aqua": { "$type": "color", "$value": "#11BED0" },
      "aqua-deep": { "$type": "color", "$value": "#007C89" },
      "gold": { "$type": "color", "$value": "#D79B18" },
      "gold-light": { "$type": "color", "$value": "#FFF2B1" },
      "gold-deep": { "$type": "color", "$value": "#B77908" },
      "gold-text": { "$type": "color", "$value": "#9A6200" },
      "orange": { "$type": "color", "$value": "#FF6A1A" },
      "orange-light": { "$type": "color", "$value": "#FFB11B" },
      "orange-text": { "$type": "color", "$value": "#9A3500" }
    },
    "content": {
      "ink": { "$type": "color", "$value": "#10233D" },
      "muted": { "$type": "color", "$value": "#516174" },
      "line": { "$type": "color", "$value": "#D9E0E6" }
    },
    "semantic": {
      "background": {
        "page": { "$type": "color", "$value": "{color.canvas.cloud}" },
        "surface": { "$type": "color", "$value": "{color.canvas.white}" },
        "raised": { "$type": "color", "$value": "{color.canvas.white}" },
        "sunken": { "$type": "color", "$value": "{color.canvas.mist}" },
        "tinted": { "$type": "color", "$value": "{color.canvas.pearl}" },
        "overlay": { "$type": "color", "$value": "#10233D7A" }
      },
      "text": {
        "primary": { "$type": "color", "$value": "{color.content.ink}" },
        "secondary": { "$type": "color", "$value": "{color.content.muted}" },
        "disabled": { "$type": "color", "$value": "#6B7886" },
        "inverse": { "$type": "color", "$value": "{color.canvas.white}" },
        "on-accent": { "$type": "color", "$value": "{color.canvas.white}" }
      },
      "border": {
        "subtle": { "$type": "color", "$value": "#E7DDCC" },
        "default": { "$type": "color", "$value": "{color.content.line}" },
        "strong": { "$type": "color", "$value": "#9BA9B8" },
        "focus": { "$type": "color", "$value": "{color.brand.azure}" },
        "separator": { "$type": "color", "$value": "{color.content.line}" }
      },
      "accent": {
        "subtle": { "$type": "color", "$value": "#E8EFFF" },
        "border": { "$type": "color", "$value": "#83A8FF" },
        "solid": { "$type": "color", "$value": "{color.brand.azure}" },
        "solid-hover": { "$type": "color", "$value": "{color.brand.cobalt}" },
        "text": { "$type": "color", "$value": "{color.brand.cobalt}" }
      },
      "status": {
        "live": {
          "background": { "$type": "color", "$value": "#E3FBFD" },
          "border": { "$type": "color", "$value": "#72DBE5" },
          "solid": { "$type": "color", "$value": "{color.brand.aqua}" },
          "text": { "$type": "color", "$value": "{color.brand.aqua-deep}" }
        },
        "suspended": {
          "background": { "$type": "color", "$value": "#EEF1F3" },
          "border": { "$type": "color", "$value": "#C5CDD4" },
          "text": { "$type": "color", "$value": "{color.content.muted}" }
        },
        "success": {
          "background": { "$type": "color", "$value": "#E7F7F2" },
          "border": { "$type": "color", "$value": "#75CDBB" },
          "solid": { "$type": "color", "$value": "#007F67" },
          "text": { "$type": "color", "$value": "#006453" }
        },
        "danger": {
          "background": { "$type": "color", "$value": "#FFF0F1" },
          "border": { "$type": "color", "$value": "#E59AA1" },
          "solid": { "$type": "color", "$value": "#C83642" },
          "text": { "$type": "color", "$value": "#982933" }
        }
      },
      "financial": {
        "global": {
          "gain": { "$type": "color", "$value": "#007F67" },
          "loss": { "$type": "color", "$value": "#C83642" }
        },
        "zh": {
          "gain": { "$type": "color", "$value": "#C83642" },
          "loss": { "$type": "color", "$value": "#007F67" }
        }
      },
      "action": { "$type": "color", "$value": "{color.brand.azure}" },
      "action-hover": { "$type": "color", "$value": "{color.brand.cobalt}" },
      "action-foreground": {
        "$type": "color",
        "$value": "{color.canvas.white}"
      },
      "value": { "$type": "color", "$value": "{color.brand.gold}" },
      "value-data": { "$type": "color", "$value": "{color.brand.gold-text}" },
      "value-foreground": { "$type": "color", "$value": "{color.content.ink}" },
      "event": { "$type": "color", "$value": "{color.brand.orange}" },
      "event-data": {
        "$type": "color",
        "$value": "{color.brand.orange-text}"
      },
      "event-foreground": { "$type": "color", "$value": "{color.content.ink}" },
      "live": { "$type": "color", "$value": "{color.brand.aqua}" },
      "live-data": { "$type": "color", "$value": "{color.brand.aqua-deep}" },
      "live-foreground": { "$type": "color", "$value": "{color.content.ink}" },
      "success": { "$type": "color", "$value": "#007F67" },
      "danger": { "$type": "color", "$value": "#C83642" },
      "focus": { "$type": "color", "$value": "{color.brand.azure}" }
    }
  },
  "gradient": {
    "value-metal": {
      "$type": "gradient",
      "$value": [
        { "color": "#FFF2B1", "position": 0 },
        { "color": "#E3AE2D", "position": 0.52 },
        { "color": "#B77908", "position": 1 }
      ],
      "$extensions": {
        "com.merxi.recipe": {
          "angle": "105deg",
          "interpolation": "oklab",
          "usage": "VIP, membership, earned value",
          "textPolicy": "Do not place body text directly on the gradient"
        }
      }
    },
    "live-signal": {
      "$type": "gradient",
      "$value": [
        { "color": "#145BFF", "position": 0 },
        { "color": "#11BED0", "position": 1 }
      ],
      "$extensions": {
        "com.merxi.recipe": {
          "angle": "105deg",
          "interpolation": "oklab",
          "usage": "Verified live and connected signal fields",
          "textPolicy": "Use a solid Ink or Cobalt scrim behind text"
        }
      }
    },
    "event-energy": {
      "$type": "gradient",
      "$value": [
        { "color": "#FFB11B", "position": 0 },
        { "color": "#FF6A1A", "position": 1 }
      ],
      "$extensions": {
        "com.merxi.recipe": {
          "angle": "105deg",
          "interpolation": "oklab",
          "usage": "Launch and time-sensitive event moments",
          "textPolicy": "Use Ink on a solid inset surface"
        }
      }
    },
    "pearl-field": {
      "$type": "gradient",
      "$value": [
        { "color": "#FCFAF4", "position": 0 },
        { "color": "#F4EDDF", "position": 1 }
      ],
      "$extensions": {
        "com.merxi.recipe": {
          "angle": "105deg",
          "interpolation": "oklab",
          "usage": "Large quiet backgrounds and editorial depth",
          "textPolicy": "Ink may be used only after worst-point contrast verification"
        }
      }
    }
  },
  "typography": {
    "family": {
      "display": { "$type": "fontFamily", "$value": ["Geist", "sans-serif"] },
      "text": {
        "$type": "fontFamily",
        "$value": ["Geist", "MiSans", "PingFang SC", "sans-serif"]
      },
      "data": {
        "$type": "fontFamily",
        "$value": ["IBM Plex Sans Condensed", "Geist", "sans-serif"]
      },
      "cjk": {
        "$type": "fontFamily",
        "$value": ["MiSans", "PingFang SC", "sans-serif"]
      },
      "zh-hans": {
        "$type": "fontFamily",
        "$value": ["MiSans", "PingFang SC", "Microsoft YaHei", "sans-serif"]
      },
      "zh-hant": {
        "$type": "fontFamily",
        "$value": [
          "MiSans TC",
          "PingFang TC",
          "Microsoft JhengHei",
          "sans-serif"
        ]
      },
      "ko": {
        "$type": "fontFamily",
        "$value": [
          "Pretendard",
          "Apple SD Gothic Neo",
          "Noto Sans KR",
          "Malgun Gothic",
          "sans-serif"
        ]
      }
    },
    "weight": {
      "regular": { "$type": "fontWeight", "$value": 400 },
      "medium": { "$type": "fontWeight", "$value": 500 },
      "semibold": { "$type": "fontWeight", "$value": 600 },
      "bold": { "$type": "fontWeight", "$value": 700 }
    },
    "size": {
      "label": {
        "$type": "dimension",
        "$value": { "value": 12, "unit": "px" }
      },
      "caption": {
        "$type": "dimension",
        "$value": { "value": 12, "unit": "px" }
      },
      "meta": { "$type": "dimension", "$value": { "value": 14, "unit": "px" } },
      "small": {
        "$type": "dimension",
        "$value": { "value": 14, "unit": "px" }
      },
      "control": {
        "$type": "dimension",
        "$value": { "value": 15, "unit": "px" }
      },
      "body": { "$type": "dimension", "$value": { "value": 16, "unit": "px" } },
      "lead": { "$type": "dimension", "$value": { "value": 18, "unit": "px" } },
      "body-large": {
        "$type": "dimension",
        "$value": { "value": 18, "unit": "px" }
      },
      "title": {
        "$type": "dimension",
        "$value": { "value": 20, "unit": "px" }
      },
      "title-mobile": {
        "$type": "dimension",
        "$value": { "value": 18, "unit": "px" }
      },
      "data-small": {
        "$type": "dimension",
        "$value": { "value": 24, "unit": "px" }
      },
      "heading-3": {
        "$type": "dimension",
        "$value": { "value": 28, "unit": "px" }
      },
      "heading-3-mobile": {
        "$type": "dimension",
        "$value": { "value": 24, "unit": "px" }
      },
      "data-medium": {
        "$type": "dimension",
        "$value": { "value": 32, "unit": "px" }
      },
      "heading-1-mobile": {
        "$type": "dimension",
        "$value": { "value": 36, "unit": "px" }
      },
      "heading-2": {
        "$type": "dimension",
        "$value": { "value": 40, "unit": "px" }
      },
      "heading-2-mobile": {
        "$type": "dimension",
        "$value": { "value": 30, "unit": "px" }
      },
      "data-large": {
        "$type": "dimension",
        "$value": { "value": 48, "unit": "px" }
      },
      "display-mobile": {
        "$type": "dimension",
        "$value": { "value": 44, "unit": "px" }
      },
      "hero-mobile": {
        "$type": "dimension",
        "$value": { "value": 52, "unit": "px" }
      },
      "heading-1": {
        "$type": "dimension",
        "$value": { "value": 56, "unit": "px" }
      },
      "score": {
        "$type": "dimension",
        "$value": { "value": 64, "unit": "px" }
      },
      "display": {
        "$type": "dimension",
        "$value": { "value": 72, "unit": "px" }
      },
      "hero": { "$type": "dimension", "$value": { "value": 96, "unit": "px" } }
    },
    "line-height": {
      "label": {
        "$type": "dimension",
        "$value": { "value": 16, "unit": "px" }
      },
      "caption": {
        "$type": "dimension",
        "$value": { "value": 16, "unit": "px" }
      },
      "meta": {
        "$type": "dimension",
        "$value": { "value": 20, "unit": "px" }
      },
      "control": {
        "$type": "dimension",
        "$value": { "value": 20, "unit": "px" }
      },
      "small": {
        "$type": "dimension",
        "$value": { "value": 20, "unit": "px" }
      },
      "body": { "$type": "dimension", "$value": { "value": 24, "unit": "px" } },
      "lead": { "$type": "dimension", "$value": { "value": 28, "unit": "px" } },
      "title": {
        "$type": "dimension",
        "$value": { "value": 28, "unit": "px" }
      },
      "title-mobile": {
        "$type": "dimension",
        "$value": { "value": 24, "unit": "px" }
      },
      "data-small": {
        "$type": "dimension",
        "$value": { "value": 28, "unit": "px" }
      },
      "data-medium": {
        "$type": "dimension",
        "$value": { "value": 32, "unit": "px" }
      },
      "heading-3": {
        "$type": "dimension",
        "$value": { "value": 32, "unit": "px" }
      },
      "heading-3-mobile": {
        "$type": "dimension",
        "$value": { "value": 30, "unit": "px" }
      },
      "heading-1-mobile": {
        "$type": "dimension",
        "$value": { "value": 40, "unit": "px" }
      },
      "heading-2": {
        "$type": "dimension",
        "$value": { "value": 44, "unit": "px" }
      },
      "heading-2-mobile": {
        "$type": "dimension",
        "$value": { "value": 34, "unit": "px" }
      },
      "data-large": {
        "$type": "dimension",
        "$value": { "value": 48, "unit": "px" }
      },
      "display-mobile": {
        "$type": "dimension",
        "$value": { "value": 48, "unit": "px" }
      },
      "hero-mobile": {
        "$type": "dimension",
        "$value": { "value": 52, "unit": "px" }
      },
      "heading-1": {
        "$type": "dimension",
        "$value": { "value": 60, "unit": "px" }
      },
      "score": {
        "$type": "dimension",
        "$value": { "value": 64, "unit": "px" }
      },
      "display": {
        "$type": "dimension",
        "$value": { "value": 72, "unit": "px" }
      },
      "hero": { "$type": "dimension", "$value": { "value": 92, "unit": "px" } }
    },
    "tracking": {
      "hero": {
        "$type": "dimension",
        "$value": { "value": -3.5, "unit": "%" }
      },
      "hero-mobile": {
        "$type": "dimension",
        "$value": { "value": -2.5, "unit": "%" }
      },
      "display": {
        "$type": "dimension",
        "$value": { "value": -3, "unit": "%" }
      },
      "display-mobile": {
        "$type": "dimension",
        "$value": { "value": -2, "unit": "%" }
      },
      "heading-1": {
        "$type": "dimension",
        "$value": { "value": -2.5, "unit": "%" }
      },
      "heading-2": {
        "$type": "dimension",
        "$value": { "value": -2, "unit": "%" }
      },
      "heading-3": {
        "$type": "dimension",
        "$value": { "value": -1.5, "unit": "%" }
      },
      "title": { "$type": "dimension", "$value": { "value": -1, "unit": "%" } },
      "lead": {
        "$type": "dimension",
        "$value": { "value": -0.5, "unit": "%" }
      },
      "body": { "$type": "dimension", "$value": { "value": 0, "unit": "%" } },
      "live": { "$type": "dimension", "$value": { "value": 4, "unit": "%" } },
      "label": { "$type": "dimension", "$value": { "value": 6, "unit": "%" } },
      "wordmark-compact": {
        "$type": "dimension",
        "$value": { "value": 12, "unit": "%" }
      },
      "wordmark": {
        "$type": "dimension",
        "$value": { "value": 18, "unit": "%" }
      },
      "cjk": { "$type": "dimension", "$value": { "value": 0, "unit": "%" } }
    }
  },
  "number": {
    "features": {
      "$type": "string",
      "$value": "tabular-nums lining-nums"
    },
    "technical-id-features": {
      "$type": "string",
      "$value": "tabular-nums lining-nums slashed-zero"
    },
    "decimal-odds-precision": { "$type": "number", "$value": 2 },
    "probability-precision": { "$type": "number", "$value": 1 },
    "currency-precision": { "$type": "number", "$value": 2 }
  },
  "spacing": {
    "0": { "$type": "dimension", "$value": { "value": 0, "unit": "px" } },
    "1": { "$type": "dimension", "$value": { "value": 4, "unit": "px" } },
    "2": { "$type": "dimension", "$value": { "value": 8, "unit": "px" } },
    "3": { "$type": "dimension", "$value": { "value": 12, "unit": "px" } },
    "4": { "$type": "dimension", "$value": { "value": 16, "unit": "px" } },
    "5": { "$type": "dimension", "$value": { "value": 20, "unit": "px" } },
    "6": { "$type": "dimension", "$value": { "value": 24, "unit": "px" } },
    "8": { "$type": "dimension", "$value": { "value": 32, "unit": "px" } },
    "10": { "$type": "dimension", "$value": { "value": 40, "unit": "px" } },
    "12": { "$type": "dimension", "$value": { "value": 48, "unit": "px" } },
    "16": { "$type": "dimension", "$value": { "value": 64, "unit": "px" } },
    "20": { "$type": "dimension", "$value": { "value": 80, "unit": "px" } },
    "24": { "$type": "dimension", "$value": { "value": 96, "unit": "px" } },
    "32": { "$type": "dimension", "$value": { "value": 128, "unit": "px" } },
    "40": { "$type": "dimension", "$value": { "value": 160, "unit": "px" } }
  },
  "interaction": {
    "target-min": {
      "$type": "dimension",
      "$value": { "value": 44, "unit": "px" }
    },
    "primary-mobile": {
      "$type": "dimension",
      "$value": { "value": 48, "unit": "px" }
    },
    "focus-ring-width": {
      "$type": "dimension",
      "$value": { "value": 3, "unit": "px" }
    },
    "focus-ring-offset": {
      "$type": "dimension",
      "$value": { "value": 3, "unit": "px" }
    }
  },
  "layout": {
    "content-max": {
      "$type": "dimension",
      "$value": { "value": 1280, "unit": "px" }
    },
    "columns": {
      "desktop": { "$type": "number", "$value": 12 },
      "laptop": { "$type": "number", "$value": 12 },
      "tablet": { "$type": "number", "$value": 8 },
      "mobile": { "$type": "number", "$value": 4 }
    },
    "page-gutter": {
      "desktop": {
        "$type": "dimension",
        "$value": { "value": 80, "unit": "px" }
      },
      "laptop": {
        "$type": "dimension",
        "$value": { "value": 48, "unit": "px" }
      },
      "tablet": {
        "$type": "dimension",
        "$value": { "value": 32, "unit": "px" }
      },
      "mobile": {
        "$type": "dimension",
        "$value": { "value": 20, "unit": "px" }
      }
    },
    "column-gap": {
      "desktop": {
        "$type": "dimension",
        "$value": { "value": 24, "unit": "px" }
      },
      "laptop": {
        "$type": "dimension",
        "$value": { "value": 24, "unit": "px" }
      },
      "tablet": {
        "$type": "dimension",
        "$value": { "value": 24, "unit": "px" }
      },
      "mobile": {
        "$type": "dimension",
        "$value": { "value": 16, "unit": "px" }
      }
    },
    "section-space": {
      "desktop": {
        "$type": "dimension",
        "$value": { "value": 128, "unit": "px" }
      },
      "laptop": {
        "$type": "dimension",
        "$value": { "value": 96, "unit": "px" }
      },
      "tablet": {
        "$type": "dimension",
        "$value": { "value": 96, "unit": "px" }
      },
      "mobile": {
        "$type": "dimension",
        "$value": { "value": 72, "unit": "px" }
      }
    }
  },
  "radius": {
    "small": { "$type": "dimension", "$value": { "value": 6, "unit": "px" } },
    "medium": { "$type": "dimension", "$value": { "value": 10, "unit": "px" } },
    "large": { "$type": "dimension", "$value": { "value": 16, "unit": "px" } }
  }
}