{
  "color": {
    "primary.default": {
      "$value": "#1d5fb4",
      "$type": "color"
    },
    "primary.strong": {
      "$value": "#154a8f",
      "$type": "color"
    },
    "primary.bright": {
      "$value": "#2563eb",
      "$type": "color"
    },
    "accent.default": {
      "$value": "#2f6fd6",
      "$type": "color"
    },
    "accent.bright": {
      "$value": "#3b82f6",
      "$type": "color"
    },
    "primary.tint-1": {
      "$value": "#d6e4f7",
      "$type": "color"
    },
    "primary.tint-2": {
      "$value": "#e8f0fa",
      "$type": "color"
    },
    "primary.tint-3": {
      "$value": "#edf3fb",
      "$type": "color"
    },
    "primary.tint-4": {
      "$value": "#e1ebf8",
      "$type": "color"
    },
    "bg.page": {
      "$value": "#f3f6fa",
      "$type": "color"
    },
    "bg.surface": {
      "$value": "#ffffff",
      "$type": "color"
    },
    "bg.subtle": {
      "$value": "#f7fafd",
      "$type": "color"
    },
    "bg.sunken": {
      "$value": "#eef1f6",
      "$type": "color"
    },
    "bg.hover": {
      "$value": "#dbe6f5",
      "$type": "color"
    },
    "bg.control": {
      "$value": "#e3e8ef",
      "$type": "color"
    },
    "border.subtle": {
      "$value": "#e0e7f0",
      "$type": "color"
    },
    "border.default": {
      "$value": "#d3dce8",
      "$type": "color"
    },
    "border.strong": {
      "$value": "#b8c7db",
      "$type": "color"
    },
    "text.default": {
      "$value": "#22292f",
      "$type": "color"
    },
    "text.strong": {
      "$value": "#111827",
      "$type": "color"
    },
    "text.secondary": {
      "$value": "#374151",
      "$type": "color"
    },
    "text.muted": {
      "$value": "#6b7280",
      "$type": "color"
    },
    "text.brand": {
      "$value": "#154a8f",
      "$type": "color"
    },
    "text.inverse": {
      "$value": "#ffffff",
      "$type": "color"
    },
    "danger.default": {
      "$value": "#c0392b",
      "$type": "color"
    },
    "danger.border": {
      "$value": "#f3c1bc",
      "$type": "color"
    },
    "danger.text": {
      "$value": "#842029",
      "$type": "color"
    },
    "danger.bg": {
      "$value": "#f8d7da",
      "$type": "color"
    },
    "danger.bg-subtle": {
      "$value": "#fde8e8",
      "$type": "color"
    },
    "success.default": {
      "$value": "#1a8a4a",
      "$type": "color"
    },
    "success.text": {
      "$value": "#0f6b34",
      "$type": "color"
    },
    "success.bg": {
      "$value": "#e2f4e8",
      "$type": "color"
    },
    "success.border": {
      "$value": "#b8e2c5",
      "$type": "color"
    },
    "warning.default": {
      "$value": "#b45309",
      "$type": "color"
    },
    "warning.text": {
      "$value": "#92400e",
      "$type": "color"
    },
    "warning.bg": {
      "$value": "#fff8e1",
      "$type": "color"
    },
    "warning.border": {
      "$value": "#f5d98a",
      "$type": "color"
    },
    "info.text": {
      "$value": "#3730a3",
      "$type": "color"
    },
    "info.bg": {
      "$value": "#eef2ff",
      "$type": "color"
    },
    "tog.text": {
      "$value": "#5a2d91",
      "$type": "color"
    },
    "tog.bg": {
      "$value": "#efe6fa",
      "$type": "color"
    },
    "tog.border": {
      "$value": "#d9c6f0",
      "$type": "color"
    }
  },
  "space": {
    "1": {
      "$value": "2px",
      "$type": "dimension"
    },
    "2": {
      "$value": "4px",
      "$type": "dimension"
    },
    "3": {
      "$value": "6px",
      "$type": "dimension"
    },
    "4": {
      "$value": "8px",
      "$type": "dimension"
    },
    "5": {
      "$value": "12px",
      "$type": "dimension"
    },
    "6": {
      "$value": "16px",
      "$type": "dimension"
    },
    "7": {
      "$value": "20px",
      "$type": "dimension"
    },
    "8": {
      "$value": "24px",
      "$type": "dimension"
    },
    "9": {
      "$value": "36px",
      "$type": "dimension"
    }
  },
  "radius": {
    "sm": {
      "$value": "6px",
      "$type": "dimension"
    },
    "md": {
      "$value": "8px",
      "$type": "dimension"
    },
    "lg": {
      "$value": "12px",
      "$type": "dimension"
    },
    "pill": {
      "$value": "999px",
      "$type": "dimension"
    }
  },
  "border-width": {
    "default": {
      "$value": "1px",
      "$type": "dimension"
    },
    "focus": {
      "$value": "2px",
      "$type": "dimension"
    },
    "accent": {
      "$value": "3px",
      "$type": "dimension"
    }
  },
  "font": {
    "family": {
      "base": {
        "$value": "\"Noto Sans Thai\", \"Segoe UI\", Tahoma, sans-serif",
        "$type": "fontFamily"
      },
      "system": {
        "$value": "system-ui, -apple-system, \"Segoe UI\", Roboto, \"Noto Sans Thai\", sans-serif",
        "$type": "fontFamily"
      },
      "mono": {
        "$value": "ui-monospace, Menlo, Consolas, monospace",
        "$type": "fontFamily"
      }
    },
    "size": {
      "2xs": {
        "$value": "11px",
        "$type": "dimension"
      },
      "xs": {
        "$value": "12px",
        "$type": "dimension"
      },
      "sm": {
        "$value": "13px",
        "$type": "dimension"
      },
      "md": {
        "$value": "14px",
        "$type": "dimension"
      },
      "lg": {
        "$value": "16px",
        "$type": "dimension"
      },
      "xl": {
        "$value": "18px",
        "$type": "dimension"
      },
      "2xl": {
        "$value": "20px",
        "$type": "dimension"
      }
    },
    "weight": {
      "regular": {
        "$value": 400,
        "$type": "fontWeight"
      },
      "medium": {
        "$value": 500,
        "$type": "fontWeight"
      },
      "semibold": {
        "$value": 600,
        "$type": "fontWeight"
      },
      "bold": {
        "$value": 700,
        "$type": "fontWeight"
      }
    },
    "line-height": {
      "normal": {
        "$value": "normal",
        "$type": "string"
      },
      "tight": {
        "$value": 1.35,
        "$type": "number"
      },
      "base": {
        "$value": 1.5,
        "$type": "number"
      },
      "relaxed": {
        "$value": 1.7,
        "$type": "number"
      }
    },
    "heading": {
      "lg": {
        "$value": {
          "size": "20px",
          "weight": 700,
          "lineHeight": "normal"
        },
        "$type": "typography"
      },
      "md": {
        "$value": {
          "size": "16px",
          "weight": 700,
          "lineHeight": "normal"
        },
        "$type": "typography"
      },
      "sm": {
        "$value": {
          "size": "14px",
          "weight": 700,
          "lineHeight": "normal"
        },
        "$type": "typography"
      }
    },
    "body": {
      "md": {
        "$value": {
          "size": "13px",
          "weight": 400,
          "lineHeight": "normal"
        },
        "$type": "typography"
      },
      "sm": {
        "$value": {
          "size": "12px",
          "weight": 400,
          "lineHeight": "normal"
        },
        "$type": "typography"
      },
      "label": {
        "$value": {
          "size": "13px",
          "weight": 700,
          "lineHeight": "normal"
        },
        "$type": "typography"
      },
      "caption": {
        "$value": {
          "size": "11px",
          "weight": 400,
          "lineHeight": "normal"
        },
        "$type": "typography"
      }
    }
  },
  "shadow": {
    "card": {
      "$value": "0 2px 10px rgba(0, 0, 0, 0.05)",
      "$type": "shadow"
    },
    "sm": {
      "$value": "0 1px 3px rgba(0, 0, 0, 0.08)",
      "$type": "shadow"
    },
    "modal": {
      "$value": "0 12px 40px rgba(0, 0, 0, 0.25)",
      "$type": "shadow"
    },
    "drawer": {
      "$value": "-4px 0 18px rgba(0, 0, 0, 0.15)",
      "$type": "shadow"
    },
    "tab-active": {
      "$value": "inset 0 -3px 0 rgba(0, 0, 0, 0.25)",
      "$type": "shadow"
    }
  },
  "motion": {
    "duration": {
      "fast": {
        "$value": "150ms",
        "$type": "duration"
      },
      "slide": {
        "$value": "180ms",
        "$type": "duration"
      }
    },
    "easing": {
      "default": {
        "$value": "ease",
        "$type": "cubicBezier"
      }
    }
  },
  "z-index": {
    "sticky": {
      "$value": 1,
      "$type": "number"
    },
    "raised": {
      "$value": 2,
      "$type": "number"
    },
    "drawer": {
      "$value": 50,
      "$type": "number"
    },
    "modal": {
      "$value": 2000,
      "$type": "number",
      "$description": "four of five modals use 2000"
    },
    "overlay": {
      "$value": 9999,
      "$type": "number"
    }
  },
  "breakpoint": {
    "mobile": {
      "$value": "700px",
      "$type": "dimension",
      "$description": "max-width; site also uses 800px (near-duplicate)"
    }
  },
  "overlay": {
    "scrim": {
      "$value": "rgba(34, 41, 47, 0.72)",
      "$type": "color"
    },
    "modal": {
      "$value": "rgba(0, 0, 0, 0.45)",
      "$type": "color",
      "$description": "modal backdrop (site also uses 0.5)"
    },
    "on-primary-1": {
      "$value": "rgba(255, 255, 255, 0.18)",
      "$type": "color"
    },
    "on-primary-2": {
      "$value": "rgba(255, 255, 255, 0.4)",
      "$type": "color",
      "$description": "chip border on primary bar"
    }
  },
  "$meta": {
    "site": "uatr",
    "source": "https://www.vv-it.com/webordering/static/",
    "theme": "blue (UAT)",
    "extracted": "2026-10-07",
    "note": "Values normalised from computed styles; see crawl/clusters.json for observed values merged into each token."
  }
}