{
  "$description": "UU DS design tokens. Units: px (app / Flutter dùng nguyên số này, logical px). Web: tokens.css xuất size / gap / radius / font-size / line-height theo rem = px ÷ 16, trừ size-px và rounded-circle.",
  "primitive": {
    "color": {
      "neutral-50": {
        "$type": "color",
        "$value": "#FAFAFA"
      },
      "neutral-100": {
        "$type": "color",
        "$value": "#F5F5F5"
      },
      "neutral-200": {
        "$type": "color",
        "$value": "#E5E5E5"
      },
      "neutral-300": {
        "$type": "color",
        "$value": "#D4D4D4"
      },
      "neutral-400": {
        "$type": "color",
        "$value": "#A3A3A3"
      },
      "neutral-500": {
        "$type": "color",
        "$value": "#737373"
      },
      "neutral-600": {
        "$type": "color",
        "$value": "#525252"
      },
      "neutral-700": {
        "$type": "color",
        "$value": "#404040"
      },
      "neutral-800": {
        "$type": "color",
        "$value": "#262626"
      },
      "neutral-900": {
        "$type": "color",
        "$value": "#171717"
      },
      "neutral-950": {
        "$type": "color",
        "$value": "#0A0A0A"
      },
      "slate-50": {
        "$type": "color",
        "$value": "#F8FAFC"
      },
      "slate-100": {
        "$type": "color",
        "$value": "#F1F5F9"
      },
      "slate-200": {
        "$type": "color",
        "$value": "#E2E8F0"
      },
      "slate-300": {
        "$type": "color",
        "$value": "#CBD5E1"
      },
      "slate-400": {
        "$type": "color",
        "$value": "#94A3B8"
      },
      "slate-500": {
        "$type": "color",
        "$value": "#64748B"
      },
      "slate-600": {
        "$type": "color",
        "$value": "#475569"
      },
      "slate-700": {
        "$type": "color",
        "$value": "#334155"
      },
      "slate-800": {
        "$type": "color",
        "$value": "#1E293B"
      },
      "slate-900": {
        "$type": "color",
        "$value": "#0F172A"
      },
      "slate-950": {
        "$type": "color",
        "$value": "#020617"
      },
      "red-50": {
        "$type": "color",
        "$value": "#FEF2F2"
      },
      "red-100": {
        "$type": "color",
        "$value": "#FEE2E2"
      },
      "red-200": {
        "$type": "color",
        "$value": "#FECACA"
      },
      "red-300": {
        "$type": "color",
        "$value": "#FCA5A5"
      },
      "red-400": {
        "$type": "color",
        "$value": "#F87171"
      },
      "red-500": {
        "$type": "color",
        "$value": "#EF4444"
      },
      "red-600": {
        "$type": "color",
        "$value": "#DC2626"
      },
      "red-700": {
        "$type": "color",
        "$value": "#B91C1C"
      },
      "red-800": {
        "$type": "color",
        "$value": "#991B1B"
      },
      "red-900": {
        "$type": "color",
        "$value": "#7F1D1D"
      },
      "red-950": {
        "$type": "color",
        "$value": "#450A0A"
      },
      "orange-50": {
        "$type": "color",
        "$value": "#FFF7ED"
      },
      "orange-100": {
        "$type": "color",
        "$value": "#FFEDD5"
      },
      "orange-200": {
        "$type": "color",
        "$value": "#FED7AA"
      },
      "orange-300": {
        "$type": "color",
        "$value": "#FDBA74"
      },
      "orange-400": {
        "$type": "color",
        "$value": "#FB923C"
      },
      "orange-500": {
        "$type": "color",
        "$value": "#F97316"
      },
      "orange-600": {
        "$type": "color",
        "$value": "#EA580C"
      },
      "orange-700": {
        "$type": "color",
        "$value": "#C2410C"
      },
      "orange-800": {
        "$type": "color",
        "$value": "#9A3412"
      },
      "orange-900": {
        "$type": "color",
        "$value": "#7C2D12"
      },
      "orange-950": {
        "$type": "color",
        "$value": "#431407"
      },
      "amber-50": {
        "$type": "color",
        "$value": "#FFFBEB"
      },
      "amber-100": {
        "$type": "color",
        "$value": "#FEF3C7"
      },
      "amber-200": {
        "$type": "color",
        "$value": "#FDE68A"
      },
      "amber-300": {
        "$type": "color",
        "$value": "#FCD34D"
      },
      "amber-400": {
        "$type": "color",
        "$value": "#FBBF24"
      },
      "amber-500": {
        "$type": "color",
        "$value": "#F59E0B"
      },
      "amber-600": {
        "$type": "color",
        "$value": "#D97706"
      },
      "amber-700": {
        "$type": "color",
        "$value": "#B45309"
      },
      "amber-800": {
        "$type": "color",
        "$value": "#92400E"
      },
      "amber-900": {
        "$type": "color",
        "$value": "#78350F"
      },
      "amber-950": {
        "$type": "color",
        "$value": "#451A03"
      },
      "yellow-50": {
        "$type": "color",
        "$value": "#FEFCE8"
      },
      "yellow-100": {
        "$type": "color",
        "$value": "#FEF9C3"
      },
      "yellow-200": {
        "$type": "color",
        "$value": "#FEF08A"
      },
      "yellow-300": {
        "$type": "color",
        "$value": "#FDE047"
      },
      "yellow-400": {
        "$type": "color",
        "$value": "#FACC15"
      },
      "yellow-500": {
        "$type": "color",
        "$value": "#EAB308"
      },
      "yellow-600": {
        "$type": "color",
        "$value": "#CA8A04"
      },
      "yellow-700": {
        "$type": "color",
        "$value": "#A16207"
      },
      "yellow-800": {
        "$type": "color",
        "$value": "#854D0E"
      },
      "yellow-900": {
        "$type": "color",
        "$value": "#713F12"
      },
      "yellow-950": {
        "$type": "color",
        "$value": "#422006"
      },
      "lime-50": {
        "$type": "color",
        "$value": "#F7FEE7"
      },
      "lime-100": {
        "$type": "color",
        "$value": "#ECFCCB"
      },
      "lime-200": {
        "$type": "color",
        "$value": "#D9F99D"
      },
      "lime-300": {
        "$type": "color",
        "$value": "#BEF264"
      },
      "lime-400": {
        "$type": "color",
        "$value": "#A3E635"
      },
      "lime-500": {
        "$type": "color",
        "$value": "#84CC16"
      },
      "lime-600": {
        "$type": "color",
        "$value": "#65A30D"
      },
      "lime-700": {
        "$type": "color",
        "$value": "#4D7C0F"
      },
      "lime-800": {
        "$type": "color",
        "$value": "#3F6212"
      },
      "lime-900": {
        "$type": "color",
        "$value": "#365314"
      },
      "lime-950": {
        "$type": "color",
        "$value": "#1A2E05"
      },
      "green-50": {
        "$type": "color",
        "$value": "#F0FDF4"
      },
      "green-100": {
        "$type": "color",
        "$value": "#DCFCE7"
      },
      "green-200": {
        "$type": "color",
        "$value": "#BBF7D0"
      },
      "green-300": {
        "$type": "color",
        "$value": "#86EFAC"
      },
      "green-400": {
        "$type": "color",
        "$value": "#4ADE80"
      },
      "green-500": {
        "$type": "color",
        "$value": "#22C55E"
      },
      "green-600": {
        "$type": "color",
        "$value": "#16A34A"
      },
      "green-700": {
        "$type": "color",
        "$value": "#15803D"
      },
      "green-800": {
        "$type": "color",
        "$value": "#166534"
      },
      "green-900": {
        "$type": "color",
        "$value": "#14532D"
      },
      "green-950": {
        "$type": "color",
        "$value": "#052E16"
      },
      "emerald-50": {
        "$type": "color",
        "$value": "#ECFDF5"
      },
      "emerald-100": {
        "$type": "color",
        "$value": "#D1FAE5"
      },
      "emerald-200": {
        "$type": "color",
        "$value": "#A7F3D0"
      },
      "emerald-300": {
        "$type": "color",
        "$value": "#6EE7B7"
      },
      "emerald-400": {
        "$type": "color",
        "$value": "#34D399"
      },
      "emerald-500": {
        "$type": "color",
        "$value": "#10B981"
      },
      "emerald-600": {
        "$type": "color",
        "$value": "#059669"
      },
      "emerald-700": {
        "$type": "color",
        "$value": "#047857"
      },
      "emerald-800": {
        "$type": "color",
        "$value": "#065F46"
      },
      "emerald-900": {
        "$type": "color",
        "$value": "#064E3B"
      },
      "emerald-950": {
        "$type": "color",
        "$value": "#022C22"
      },
      "teal-50": {
        "$type": "color",
        "$value": "#F0FDFA"
      },
      "teal-100": {
        "$type": "color",
        "$value": "#CCFBF1"
      },
      "teal-200": {
        "$type": "color",
        "$value": "#99F6E4"
      },
      "teal-300": {
        "$type": "color",
        "$value": "#5EEAD4"
      },
      "teal-400": {
        "$type": "color",
        "$value": "#2DD4BF"
      },
      "teal-500": {
        "$type": "color",
        "$value": "#14B8A6"
      },
      "teal-600": {
        "$type": "color",
        "$value": "#0D9488"
      },
      "teal-700": {
        "$type": "color",
        "$value": "#0F766E"
      },
      "teal-800": {
        "$type": "color",
        "$value": "#115E59"
      },
      "teal-900": {
        "$type": "color",
        "$value": "#134E4A"
      },
      "teal-950": {
        "$type": "color",
        "$value": "#042F2E"
      },
      "cyan-50": {
        "$type": "color",
        "$value": "#ECFEFF"
      },
      "cyan-100": {
        "$type": "color",
        "$value": "#CFFAFE"
      },
      "cyan-200": {
        "$type": "color",
        "$value": "#A5F3FC"
      },
      "cyan-300": {
        "$type": "color",
        "$value": "#67E8F9"
      },
      "cyan-400": {
        "$type": "color",
        "$value": "#22D3EE"
      },
      "cyan-500": {
        "$type": "color",
        "$value": "#06B6D4"
      },
      "cyan-600": {
        "$type": "color",
        "$value": "#0891B2"
      },
      "cyan-700": {
        "$type": "color",
        "$value": "#0E7490"
      },
      "cyan-800": {
        "$type": "color",
        "$value": "#155E75"
      },
      "cyan-900": {
        "$type": "color",
        "$value": "#164E63"
      },
      "cyan-950": {
        "$type": "color",
        "$value": "#083344"
      },
      "sky-50": {
        "$type": "color",
        "$value": "#F0F9FF"
      },
      "sky-100": {
        "$type": "color",
        "$value": "#E0F2FE"
      },
      "sky-200": {
        "$type": "color",
        "$value": "#BAE6FD"
      },
      "sky-300": {
        "$type": "color",
        "$value": "#7DD3FC"
      },
      "sky-400": {
        "$type": "color",
        "$value": "#38BDF8"
      },
      "sky-500": {
        "$type": "color",
        "$value": "#0EA5E9"
      },
      "sky-600": {
        "$type": "color",
        "$value": "#0284C7"
      },
      "sky-700": {
        "$type": "color",
        "$value": "#0369A1"
      },
      "sky-800": {
        "$type": "color",
        "$value": "#075985"
      },
      "sky-900": {
        "$type": "color",
        "$value": "#0C4A6E"
      },
      "sky-950": {
        "$type": "color",
        "$value": "#082F49"
      },
      "blue-50": {
        "$type": "color",
        "$value": "#EFF6FF"
      },
      "blue-100": {
        "$type": "color",
        "$value": "#DBEAFE"
      },
      "blue-200": {
        "$type": "color",
        "$value": "#BFDBFE"
      },
      "blue-300": {
        "$type": "color",
        "$value": "#93C5FD"
      },
      "blue-400": {
        "$type": "color",
        "$value": "#60A5FA"
      },
      "blue-500": {
        "$type": "color",
        "$value": "#3B82F6"
      },
      "blue-600": {
        "$type": "color",
        "$value": "#2563EB"
      },
      "blue-700": {
        "$type": "color",
        "$value": "#1D4ED8"
      },
      "blue-800": {
        "$type": "color",
        "$value": "#1E40AF"
      },
      "blue-900": {
        "$type": "color",
        "$value": "#1E3A8A"
      },
      "blue-950": {
        "$type": "color",
        "$value": "#172554"
      },
      "indigo-50": {
        "$type": "color",
        "$value": "#EEF2FF"
      },
      "indigo-100": {
        "$type": "color",
        "$value": "#E0E7FF"
      },
      "indigo-200": {
        "$type": "color",
        "$value": "#C7D2FE"
      },
      "indigo-300": {
        "$type": "color",
        "$value": "#A5B4FC"
      },
      "indigo-400": {
        "$type": "color",
        "$value": "#818CF8"
      },
      "indigo-500": {
        "$type": "color",
        "$value": "#6366F1"
      },
      "indigo-600": {
        "$type": "color",
        "$value": "#4F46E5"
      },
      "indigo-700": {
        "$type": "color",
        "$value": "#4338CA"
      },
      "indigo-800": {
        "$type": "color",
        "$value": "#3730A3"
      },
      "indigo-900": {
        "$type": "color",
        "$value": "#312E81"
      },
      "indigo-950": {
        "$type": "color",
        "$value": "#1E1B4B"
      },
      "violet-50": {
        "$type": "color",
        "$value": "#F5F3FF"
      },
      "violet-100": {
        "$type": "color",
        "$value": "#EDE9FE"
      },
      "violet-200": {
        "$type": "color",
        "$value": "#DDD6FE"
      },
      "violet-300": {
        "$type": "color",
        "$value": "#C4B5FD"
      },
      "violet-400": {
        "$type": "color",
        "$value": "#A78BFA"
      },
      "violet-500": {
        "$type": "color",
        "$value": "#8B5CF6"
      },
      "violet-600": {
        "$type": "color",
        "$value": "#7C3AED"
      },
      "violet-700": {
        "$type": "color",
        "$value": "#6D28D9"
      },
      "violet-800": {
        "$type": "color",
        "$value": "#5B21B6"
      },
      "violet-900": {
        "$type": "color",
        "$value": "#4C1D95"
      },
      "violet-950": {
        "$type": "color",
        "$value": "#2E1065"
      },
      "purple-50": {
        "$type": "color",
        "$value": "#FAF5FF"
      },
      "purple-100": {
        "$type": "color",
        "$value": "#F3E8FF"
      },
      "purple-200": {
        "$type": "color",
        "$value": "#E9D5FF"
      },
      "purple-300": {
        "$type": "color",
        "$value": "#D8B4FE"
      },
      "purple-400": {
        "$type": "color",
        "$value": "#C084FC"
      },
      "purple-500": {
        "$type": "color",
        "$value": "#A855F7"
      },
      "purple-600": {
        "$type": "color",
        "$value": "#9333EA"
      },
      "purple-700": {
        "$type": "color",
        "$value": "#7E22CE"
      },
      "purple-800": {
        "$type": "color",
        "$value": "#6B21A8"
      },
      "purple-900": {
        "$type": "color",
        "$value": "#581C87"
      },
      "purple-950": {
        "$type": "color",
        "$value": "#3B0764"
      },
      "fuchsia-50": {
        "$type": "color",
        "$value": "#FDF4FF"
      },
      "fuchsia-100": {
        "$type": "color",
        "$value": "#FAE8FF"
      },
      "fuchsia-200": {
        "$type": "color",
        "$value": "#F5D0FE"
      },
      "fuchsia-300": {
        "$type": "color",
        "$value": "#F0ABFC"
      },
      "fuchsia-400": {
        "$type": "color",
        "$value": "#E879F9"
      },
      "fuchsia-500": {
        "$type": "color",
        "$value": "#D946EF"
      },
      "fuchsia-600": {
        "$type": "color",
        "$value": "#C026D3"
      },
      "fuchsia-700": {
        "$type": "color",
        "$value": "#A21CAF"
      },
      "fuchsia-800": {
        "$type": "color",
        "$value": "#86198F"
      },
      "fuchsia-900": {
        "$type": "color",
        "$value": "#701A75"
      },
      "fuchsia-950": {
        "$type": "color",
        "$value": "#4A044E"
      },
      "pink-50": {
        "$type": "color",
        "$value": "#FDF2F8"
      },
      "pink-100": {
        "$type": "color",
        "$value": "#FCE7F3"
      },
      "pink-200": {
        "$type": "color",
        "$value": "#FBCFE8"
      },
      "pink-300": {
        "$type": "color",
        "$value": "#F9A8D4"
      },
      "pink-400": {
        "$type": "color",
        "$value": "#F472B6"
      },
      "pink-500": {
        "$type": "color",
        "$value": "#EC4899"
      },
      "pink-600": {
        "$type": "color",
        "$value": "#DB2777"
      },
      "pink-700": {
        "$type": "color",
        "$value": "#BE185D"
      },
      "pink-800": {
        "$type": "color",
        "$value": "#9D174D"
      },
      "pink-900": {
        "$type": "color",
        "$value": "#831843"
      },
      "pink-950": {
        "$type": "color",
        "$value": "#500724"
      },
      "rose-50": {
        "$type": "color",
        "$value": "#FFF1F2"
      },
      "rose-100": {
        "$type": "color",
        "$value": "#FFE4E6"
      },
      "rose-200": {
        "$type": "color",
        "$value": "#FECDD3"
      },
      "rose-300": {
        "$type": "color",
        "$value": "#FDA4AF"
      },
      "rose-400": {
        "$type": "color",
        "$value": "#FB7185"
      },
      "rose-500": {
        "$type": "color",
        "$value": "#F43F5E"
      },
      "rose-600": {
        "$type": "color",
        "$value": "#E11D48"
      },
      "rose-700": {
        "$type": "color",
        "$value": "#BE123C"
      },
      "rose-800": {
        "$type": "color",
        "$value": "#9F1239"
      },
      "rose-900": {
        "$type": "color",
        "$value": "#881337"
      },
      "rose-950": {
        "$type": "color",
        "$value": "#4C0519"
      },
      "black": {
        "$type": "color",
        "$value": "#000000"
      },
      "white": {
        "$type": "color",
        "$value": "#FFFFFF"
      }
    },
    "size": {
      "size-0": {
        "$type": "dimension",
        "$value": "0px"
      },
      "size-px": {
        "$type": "dimension",
        "$value": "1px"
      },
      "size-0-5": {
        "$type": "dimension",
        "$value": "2px"
      },
      "size-1": {
        "$type": "dimension",
        "$value": "4px"
      },
      "size-1-5": {
        "$type": "dimension",
        "$value": "6px"
      },
      "size-2": {
        "$type": "dimension",
        "$value": "8px"
      },
      "size-2-5": {
        "$type": "dimension",
        "$value": "10px"
      },
      "size-3": {
        "$type": "dimension",
        "$value": "12px"
      },
      "size-3-5": {
        "$type": "dimension",
        "$value": "14px"
      },
      "size-4": {
        "$type": "dimension",
        "$value": "16px"
      },
      "size-5": {
        "$type": "dimension",
        "$value": "20px"
      },
      "size-6": {
        "$type": "dimension",
        "$value": "24px"
      },
      "size-7": {
        "$type": "dimension",
        "$value": "28px"
      },
      "size-8": {
        "$type": "dimension",
        "$value": "32px"
      },
      "size-9": {
        "$type": "dimension",
        "$value": "36px"
      },
      "size-10": {
        "$type": "dimension",
        "$value": "40px"
      },
      "size-11": {
        "$type": "dimension",
        "$value": "44px"
      },
      "size-12": {
        "$type": "dimension",
        "$value": "48px"
      },
      "size-14": {
        "$type": "dimension",
        "$value": "56px"
      },
      "size-16": {
        "$type": "dimension",
        "$value": "64px"
      },
      "size-20": {
        "$type": "dimension",
        "$value": "80px"
      },
      "size-24": {
        "$type": "dimension",
        "$value": "96px"
      },
      "size-28": {
        "$type": "dimension",
        "$value": "112px"
      },
      "size-32": {
        "$type": "dimension",
        "$value": "128px"
      },
      "size-36": {
        "$type": "dimension",
        "$value": "144px"
      },
      "size-40": {
        "$type": "dimension",
        "$value": "160px"
      },
      "size-44": {
        "$type": "dimension",
        "$value": "176px"
      },
      "size-48": {
        "$type": "dimension",
        "$value": "192px"
      },
      "size-52": {
        "$type": "dimension",
        "$value": "208px"
      },
      "size-56": {
        "$type": "dimension",
        "$value": "224px"
      },
      "size-60": {
        "$type": "dimension",
        "$value": "240px"
      },
      "size-64": {
        "$type": "dimension",
        "$value": "256px"
      },
      "size-72": {
        "$type": "dimension",
        "$value": "288px"
      },
      "size-80": {
        "$type": "dimension",
        "$value": "320px"
      },
      "size-90": {
        "$type": "dimension",
        "$value": "360px"
      },
      "size-96": {
        "$type": "dimension",
        "$value": "384px"
      },
      "size-120": {
        "$type": "dimension",
        "$value": "480px"
      }
    },
    "opacity": {
      "opacity-0": {
        "$type": "number",
        "$value": 0.0
      },
      "opacity-5": {
        "$type": "number",
        "$value": 0.05
      },
      "opacity-10": {
        "$type": "number",
        "$value": 0.1
      },
      "opacity-15": {
        "$type": "number",
        "$value": 0.15
      },
      "opacity-20": {
        "$type": "number",
        "$value": 0.2
      },
      "opacity-25": {
        "$type": "number",
        "$value": 0.25
      },
      "opacity-30": {
        "$type": "number",
        "$value": 0.3
      },
      "opacity-35": {
        "$type": "number",
        "$value": 0.35
      },
      "opacity-40": {
        "$type": "number",
        "$value": 0.4
      },
      "opacity-45": {
        "$type": "number",
        "$value": 0.45
      },
      "opacity-50": {
        "$type": "number",
        "$value": 0.5
      },
      "opacity-55": {
        "$type": "number",
        "$value": 0.55
      },
      "opacity-60": {
        "$type": "number",
        "$value": 0.6
      },
      "opacity-65": {
        "$type": "number",
        "$value": 0.65
      },
      "opacity-70": {
        "$type": "number",
        "$value": 0.7
      },
      "opacity-75": {
        "$type": "number",
        "$value": 0.75
      },
      "opacity-80": {
        "$type": "number",
        "$value": 0.8
      },
      "opacity-85": {
        "$type": "number",
        "$value": 0.85
      },
      "opacity-90": {
        "$type": "number",
        "$value": 0.9
      },
      "opacity-95": {
        "$type": "number",
        "$value": 0.95
      }
    },
    "blur": {
      "$description": "Thang bán kính blur (px, cả web lẫn app). Chỉ dùng để định nghĩa token effect — component không đọc thẳng.",
      "blur-0": {
        "$type": "dimension",
        "$value": "0px",
        "$resolved": 0
      },
      "blur-sm": {
        "$type": "dimension",
        "$value": "4px",
        "$resolved": 4
      },
      "blur-base": {
        "$type": "dimension",
        "$value": "8px",
        "$resolved": 8
      },
      "blur-lg": {
        "$type": "dimension",
        "$value": "16px",
        "$resolved": 16
      }
    }
  },
  "semantic": {
    "color": {
      "default": {
        "background-surface": {
          "$type": "color",
          "$value": "{primitive.color.white}",
          "$resolved": "#FFFFFF"
        },
        "background-muted": {
          "$type": "color",
          "$value": "{primitive.color.slate-50}",
          "$resolved": "#F8FAFC"
        },
        "background-subtle": {
          "$type": "color",
          "$value": "{primitive.color.slate-100}",
          "$resolved": "#F1F5F9"
        },
        "background-emphasized": {
          "$type": "color",
          "$value": "{primitive.color.slate-200}",
          "$resolved": "#E2E8F0"
        },
        "background-inverted": {
          "$type": "color",
          "$value": "{primitive.color.black}",
          "$resolved": "#000000"
        },
        "background-disabled": {
          "$type": "color",
          "$value": "{primitive.color.slate-200}",
          "$resolved": "#E2E8F0"
        },
        "background-interactive": {
          "$type": "color",
          "$value": "{primitive.color.indigo-600}",
          "$resolved": "#4F46E5"
        },
        "background-interactive-muted": {
          "$type": "color",
          "$value": "{primitive.color.indigo-50}",
          "$resolved": "#EEF2FF"
        },
        "background-accent": {
          "$type": "color",
          "$value": "{primitive.color.blue-600}",
          "$resolved": "#2563EB"
        },
        "background-accent-muted": {
          "$type": "color",
          "$value": "{primitive.color.blue-50}",
          "$resolved": "#EFF6FF"
        },
        "background-accent-subtle": {
          "$type": "color",
          "$value": "{primitive.color.blue-100}",
          "$resolved": "#DBEAFE"
        },
        "background-accent-medium": {
          "$type": "color",
          "$value": "{primitive.color.blue-200}",
          "$resolved": "#BFDBFE"
        },
        "background-accent-emphasized": {
          "$type": "color",
          "$value": "{primitive.color.blue-400}",
          "$resolved": "#60A5FA"
        },
        "background-positive": {
          "$type": "color",
          "$value": "{primitive.color.green-700}",
          "$resolved": "#16A34A"
        },
        "background-positive-muted": {
          "$type": "color",
          "$value": "{primitive.color.green-100}",
          "$resolved": "#DCFCE7"
        },
        "background-negative": {
          "$type": "color",
          "$value": "{primitive.color.red-600}",
          "$resolved": "#DC2626"
        },
        "background-negative-muted": {
          "$type": "color",
          "$value": "{primitive.color.red-100}",
          "$resolved": "#FEE2E2"
        },
        "background-attention": {
          "$type": "color",
          "$value": "{primitive.color.red-500}",
          "$resolved": "#EF4444"
        },
        "background-attention-muted": {
          "$type": "color",
          "$value": "{primitive.color.red-100}",
          "$resolved": "#FEE2E2"
        },
        "background-warning": {
          "$type": "color",
          "$value": "{primitive.color.yellow-300}",
          "$resolved": "#FDE047"
        },
        "background-warning-muted": {
          "$type": "color",
          "$value": "{primitive.color.yellow-100}",
          "$resolved": "#FEF9C3"
        },
        "object-primary": {
          "$type": "color",
          "$value": "{primitive.color.black}",
          "$resolved": "#000000"
        },
        "object-primary-inverted": {
          "$type": "color",
          "$value": "{primitive.color.white}",
          "$resolved": "#FFFFFF"
        },
        "object-secondary": {
          "$type": "color",
          "$value": "{primitive.color.slate-500}",
          "$resolved": "#64748B"
        },
        "object-disabled": {
          "$type": "color",
          "$value": "{primitive.color.slate-400}",
          "$resolved": "#94A3B8"
        },
        "object-on-light": {
          "$type": "color",
          "$value": "{primitive.color.black}",
          "$resolved": "#000000"
        },
        "object-on-dark": {
          "$type": "color",
          "$value": "{primitive.color.white}",
          "$resolved": "#FFFFFF"
        },
        "object-interactive": {
          "$type": "color",
          "$value": "{primitive.color.indigo-600}",
          "$resolved": "#4F46E5"
        },
        "object-interactive-muted": {
          "$type": "color",
          "$value": "{primitive.color.indigo-500}",
          "$resolved": "#6366F1"
        },
        "object-interactive-inverted": {
          "$type": "color",
          "$value": "{primitive.color.indigo-300}",
          "$resolved": "#A5B4FC"
        },
        "object-on-interactive": {
          "$type": "color",
          "$value": "{primitive.color.white}",
          "$resolved": "#FFFFFF"
        },
        "object-accent": {
          "$type": "color",
          "$value": "{primitive.color.blue-600}",
          "$resolved": "#2563EB"
        },
        "object-accent-muted": {
          "$type": "color",
          "$value": "{primitive.color.blue-300}",
          "$resolved": "#93C5FD"
        },
        "object-accent-inverted": {
          "$type": "color",
          "$value": "{primitive.color.blue-300}",
          "$resolved": "#93C5FD"
        },
        "object-on-accent": {
          "$type": "color",
          "$value": "{primitive.color.white}",
          "$resolved": "#FFFFFF"
        },
        "object-positive": {
          "$type": "color",
          "$value": "{primitive.color.green-700}",
          "$resolved": "#16A34A"
        },
        "object-on-positive": {
          "$type": "color",
          "$value": "{primitive.color.white}",
          "$resolved": "#FFFFFF"
        },
        "object-negative": {
          "$type": "color",
          "$value": "{primitive.color.red-600}",
          "$resolved": "#DC2626"
        },
        "object-on-negative": {
          "$type": "color",
          "$value": "{primitive.color.white}",
          "$resolved": "#FFFFFF"
        },
        "object-attention": {
          "$type": "color",
          "$value": "{primitive.color.red-500}",
          "$resolved": "#EF4444"
        },
        "object-on-attention": {
          "$type": "color",
          "$value": "{primitive.color.white}",
          "$resolved": "#FFFFFF"
        },
        "object-warning": {
          "$type": "color",
          "$value": "{primitive.color.yellow-500}",
          "$resolved": "#EAB308"
        },
        "object-on-warning": {
          "$type": "color",
          "$value": "{primitive.color.black}",
          "$resolved": "#000000"
        },
        "border": {
          "$type": "color",
          "$value": "{primitive.color.slate-300}",
          "$resolved": "#CBD5E1"
        },
        "border-muted": {
          "$type": "color",
          "$value": "{primitive.color.slate-200}",
          "$resolved": "#E2E8F0"
        },
        "border-emphasized": {
          "$type": "color",
          "$value": "{primitive.color.slate-500}",
          "$resolved": "#64748B"
        },
        "border-subtle": {
          "$type": "color",
          "$value": "{primitive.color.blue-200}",
          "$resolved": "#BFDBFE"
        },
        "border-medium": {
          "$type": "color",
          "$value": "{primitive.color.blue-300}",
          "$resolved": "#93C5FD"
        },
        "border-inverted": {
          "$type": "color",
          "$value": "{primitive.color.slate-600}",
          "$resolved": "#475569"
        },
        "border-muted-inverted": {
          "$type": "color",
          "$value": "{primitive.color.slate-700}",
          "$resolved": "#334155"
        },
        "border-interactive": {
          "$type": "color",
          "$value": "{primitive.color.indigo-500}",
          "$resolved": "#6366F1"
        },
        "border-interactive-inverted": {
          "$type": "color",
          "$value": "{primitive.color.indigo-700}",
          "$resolved": "#4338CA"
        },
        "border-highlight": {
          "$type": "color",
          "$value": "{primitive.color.white}",
          "$resolved": "#FFFFFF"
        },
        "border-negative": {
          "$type": "color",
          "$value": "{primitive.color.red-600}",
          "$resolved": "#DC2626"
        },
        "overlay": {
          "$type": "color",
          "$value": "{primitive.color.black}",
          "$alpha": 0.1,
          "$resolved": "rgba(0, 0, 0, 0.10)",
          "$description": "black at 10% — alpha applied at token level, not on a separate primitive."
        },
        "overlay-strong": {
          "$type": "color",
          "$value": "{primitive.color.black}",
          "$alpha": 0.45,
          "$resolved": "rgba(0, 0, 0, 0.45)",
          "$description": "black at 45% — lop phu DAM, dung de lam toi mot lop media (camera, anh, video) cho noi dung dat tren no noi len. Khac `overlay` (10%) von chi de tach lop cho dialog/sheet."
        },
        "background-transparent": {
          "$type": "color",
          "$value": "{primitive.color.white}",
          "$alpha": 0.0,
          "$resolved": "rgba(255, 255, 255, 0.00)",
          "$description": "white at 0% — alpha applied at token level, not on a separate primitive."
        }
      },
      "uu": {
        "background-surface": {
          "$type": "color",
          "$value": "{primitive.color.white}",
          "$resolved": "#FFFFFF"
        },
        "background-muted": {
          "$type": "color",
          "$value": "{primitive.color.neutral-50}",
          "$resolved": "#FAFAFA"
        },
        "background-subtle": {
          "$type": "color",
          "$value": "{primitive.color.neutral-100}",
          "$resolved": "#F5F5F5"
        },
        "background-emphasized": {
          "$type": "color",
          "$value": "{primitive.color.neutral-200}",
          "$resolved": "#E5E5E5"
        },
        "background-inverted": {
          "$type": "color",
          "$value": "{primitive.color.black}",
          "$resolved": "#000000"
        },
        "background-disabled": {
          "$type": "color",
          "$value": "{primitive.color.slate-200}",
          "$resolved": "#E2E8F0"
        },
        "background-interactive": {
          "$type": "color",
          "$value": "{primitive.color.orange-500}",
          "$resolved": "#F97316"
        },
        "background-interactive-muted": {
          "$type": "color",
          "$value": "{primitive.color.orange-50}",
          "$resolved": "#FFF7ED"
        },
        "background-accent": {
          "$type": "color",
          "$value": "{primitive.color.amber-700}",
          "$resolved": "#B45309"
        },
        "background-accent-muted": {
          "$type": "color",
          "$value": "{primitive.color.amber-50}",
          "$resolved": "#FFFBEB"
        },
        "background-accent-subtle": {
          "$type": "color",
          "$value": "{primitive.color.amber-100}",
          "$resolved": "#FEF3C7"
        },
        "background-accent-medium": {
          "$type": "color",
          "$value": "{primitive.color.amber-200}",
          "$resolved": "#FDE68A"
        },
        "background-accent-emphasized": {
          "$type": "color",
          "$value": "{primitive.color.amber-400}",
          "$resolved": "#FBBF24"
        },
        "background-positive": {
          "$type": "color",
          "$value": "{primitive.color.green-700}",
          "$resolved": "#16A34A"
        },
        "background-positive-muted": {
          "$type": "color",
          "$value": "{primitive.color.green-100}",
          "$resolved": "#DCFCE7"
        },
        "background-negative": {
          "$type": "color",
          "$value": "{primitive.color.red-600}",
          "$resolved": "#DC2626"
        },
        "background-negative-muted": {
          "$type": "color",
          "$value": "{primitive.color.red-100}",
          "$resolved": "#FEE2E2"
        },
        "background-attention": {
          "$type": "color",
          "$value": "{primitive.color.red-500}",
          "$resolved": "#EF4444"
        },
        "background-attention-muted": {
          "$type": "color",
          "$value": "{primitive.color.red-100}",
          "$resolved": "#FEE2E2"
        },
        "background-warning": {
          "$type": "color",
          "$value": "{primitive.color.yellow-300}",
          "$resolved": "#FDE047"
        },
        "background-warning-muted": {
          "$type": "color",
          "$value": "{primitive.color.yellow-100}",
          "$resolved": "#FEF9C3"
        },
        "object-primary": {
          "$type": "color",
          "$value": "{primitive.color.black}",
          "$resolved": "#000000"
        },
        "object-primary-inverted": {
          "$type": "color",
          "$value": "{primitive.color.white}",
          "$resolved": "#FFFFFF"
        },
        "object-secondary": {
          "$type": "color",
          "$value": "{primitive.color.neutral-500}",
          "$resolved": "#737373"
        },
        "object-disabled": {
          "$type": "color",
          "$value": "{primitive.color.slate-400}",
          "$resolved": "#94A3B8"
        },
        "object-on-light": {
          "$type": "color",
          "$value": "{primitive.color.black}",
          "$resolved": "#000000"
        },
        "object-on-dark": {
          "$type": "color",
          "$value": "{primitive.color.white}",
          "$resolved": "#FFFFFF"
        },
        "object-interactive": {
          "$type": "color",
          "$value": "{primitive.color.orange-700}",
          "$resolved": "#C2410C"
        },
        "object-interactive-muted": {
          "$type": "color",
          "$value": "{primitive.color.orange-600}",
          "$resolved": "#EA580C"
        },
        "object-interactive-inverted": {
          "$type": "color",
          "$value": "{primitive.color.orange-400}",
          "$resolved": "#FB923C"
        },
        "object-on-interactive": {
          "$type": "color",
          "$value": "{primitive.color.black}",
          "$resolved": "#000000"
        },
        "object-accent": {
          "$type": "color",
          "$value": "{primitive.color.amber-700}",
          "$resolved": "#B45309"
        },
        "object-accent-muted": {
          "$type": "color",
          "$value": "{primitive.color.amber-300}",
          "$resolved": "#FCD34D"
        },
        "object-accent-inverted": {
          "$type": "color",
          "$value": "{primitive.color.amber-300}",
          "$resolved": "#FCD34D"
        },
        "object-on-accent": {
          "$type": "color",
          "$value": "{primitive.color.white}",
          "$resolved": "#FFFFFF"
        },
        "object-positive": {
          "$type": "color",
          "$value": "{primitive.color.green-700}",
          "$resolved": "#16A34A"
        },
        "object-on-positive": {
          "$type": "color",
          "$value": "{primitive.color.white}",
          "$resolved": "#FFFFFF"
        },
        "object-negative": {
          "$type": "color",
          "$value": "{primitive.color.red-600}",
          "$resolved": "#DC2626"
        },
        "object-on-negative": {
          "$type": "color",
          "$value": "{primitive.color.white}",
          "$resolved": "#FFFFFF"
        },
        "object-attention": {
          "$type": "color",
          "$value": "{primitive.color.red-500}",
          "$resolved": "#EF4444"
        },
        "object-on-attention": {
          "$type": "color",
          "$value": "{primitive.color.white}",
          "$resolved": "#FFFFFF"
        },
        "object-warning": {
          "$type": "color",
          "$value": "{primitive.color.yellow-500}",
          "$resolved": "#EAB308"
        },
        "object-on-warning": {
          "$type": "color",
          "$value": "{primitive.color.black}",
          "$resolved": "#000000"
        },
        "border": {
          "$type": "color",
          "$value": "{primitive.color.neutral-300}",
          "$resolved": "#D4D4D4"
        },
        "border-muted": {
          "$type": "color",
          "$value": "{primitive.color.slate-200}",
          "$resolved": "#E2E8F0"
        },
        "border-emphasized": {
          "$type": "color",
          "$value": "{primitive.color.slate-500}",
          "$resolved": "#64748B"
        },
        "border-subtle": {
          "$type": "color",
          "$value": "{primitive.color.amber-200}",
          "$resolved": "#FDE68A"
        },
        "border-medium": {
          "$type": "color",
          "$value": "{primitive.color.amber-300}",
          "$resolved": "#FCD34D"
        },
        "border-inverted": {
          "$type": "color",
          "$value": "{primitive.color.slate-600}",
          "$resolved": "#475569"
        },
        "border-muted-inverted": {
          "$type": "color",
          "$value": "{primitive.color.slate-700}",
          "$resolved": "#334155"
        },
        "border-interactive": {
          "$type": "color",
          "$value": "{primitive.color.orange-600}",
          "$resolved": "#EA580C"
        },
        "border-interactive-inverted": {
          "$type": "color",
          "$value": "{primitive.color.orange-800}",
          "$resolved": "#9A3412"
        },
        "border-highlight": {
          "$type": "color",
          "$value": "{primitive.color.white}",
          "$resolved": "#FFFFFF"
        },
        "border-negative": {
          "$type": "color",
          "$value": "{primitive.color.red-600}",
          "$resolved": "#DC2626"
        },
        "overlay": {
          "$type": "color",
          "$value": "{primitive.color.black}",
          "$alpha": 0.1,
          "$resolved": "rgba(0, 0, 0, 0.10)",
          "$description": "black at 10% — alpha applied at token level, not on a separate primitive."
        },
        "overlay-strong": {
          "$type": "color",
          "$value": "{primitive.color.black}",
          "$alpha": 0.45,
          "$resolved": "rgba(0, 0, 0, 0.45)",
          "$description": "black at 45% — lop phu DAM, dung de lam toi mot lop media (camera, anh, video) cho noi dung dat tren no noi len. Khac `overlay` (10%) von chi de tach lop cho dialog/sheet."
        },
        "background-transparent": {
          "$type": "color",
          "$value": "{primitive.color.white}",
          "$alpha": 0.0,
          "$resolved": "rgba(255, 255, 255, 0.00)",
          "$description": "white at 0% — alpha applied at token level, not on a separate primitive."
        }
      }
    }
  },
  "gap": {
    "gap-0": {
      "$type": "dimension",
      "$value": "0px"
    },
    "gap-0-5": {
      "$type": "dimension",
      "$value": "2px"
    },
    "gap-1": {
      "$type": "dimension",
      "$value": "4px"
    },
    "gap-1-5": {
      "$type": "dimension",
      "$value": "6px"
    },
    "gap-2": {
      "$type": "dimension",
      "$value": "8px"
    },
    "gap-2-5": {
      "$type": "dimension",
      "$value": "10px"
    },
    "gap-3": {
      "$type": "dimension",
      "$value": "12px"
    },
    "gap-3-5": {
      "$type": "dimension",
      "$value": "14px"
    },
    "gap-4": {
      "$type": "dimension",
      "$value": "16px"
    },
    "gap-5": {
      "$type": "dimension",
      "$value": "20px"
    },
    "gap-6": {
      "$type": "dimension",
      "$value": "24px"
    },
    "gap-7": {
      "$type": "dimension",
      "$value": "28px"
    },
    "gap-8": {
      "$type": "dimension",
      "$value": "32px"
    },
    "gap-9": {
      "$type": "dimension",
      "$value": "36px"
    },
    "gap-10": {
      "$type": "dimension",
      "$value": "40px"
    },
    "gap-11": {
      "$type": "dimension",
      "$value": "44px"
    },
    "gap-12": {
      "$type": "dimension",
      "$value": "48px"
    },
    "gap-14": {
      "$type": "dimension",
      "$value": "56px"
    },
    "gap-16": {
      "$type": "dimension",
      "$value": "64px"
    }
  },
  "radius": {
    "radius-none": {
      "$type": "dimension",
      "$value": "0px"
    },
    "radius-sm": {
      "$type": "dimension",
      "$value": "8px"
    },
    "radius-base": {
      "$type": "dimension",
      "$value": "12px"
    },
    "radius-lg": {
      "$type": "dimension",
      "$value": "16px"
    },
    "radius-xl": {
      "$type": "dimension",
      "$value": "20px"
    },
    "rounded-2xl": {
      "$type": "dimension",
      "$value": "24px"
    },
    "rounded-3xl": {
      "$type": "dimension",
      "$value": "28px"
    },
    "rounded-4xl": {
      "$type": "dimension",
      "$value": "32px"
    },
    "rounded-circle": {
      "$type": "dimension",
      "$value": "9999px"
    }
  },
  "typography": {
    "fontFamily": {
      "body": {
        "$type": "fontFamily",
        "$value": [
          "-apple-system",
          "BlinkMacSystemFont",
          "Segoe UI",
          "Roboto",
          "Noto Sans",
          "system-ui",
          "sans-serif"
        ],
        "$description": "Native system font of whatever OS is running. SF Pro is iOS's system font, not a UU DS font. Never bundle or self-host it."
      },
      "display": {
        "$type": "fontFamily",
        "$value": [
          "Bungee",
          "Impact",
          "sans-serif"
        ],
        "$description": "The only real brand typeface. Ships with the product. Used ONLY by display-* text styles."
      }
    },
    "fontSize": {
      "font-size-3xs": {
        "$type": "dimension",
        "$value": "8px"
      },
      "font-size-2xs": {
        "$type": "dimension",
        "$value": "9px"
      },
      "font-size-xs": {
        "$type": "dimension",
        "$value": "11px"
      },
      "font-size-sm": {
        "$type": "dimension",
        "$value": "13px"
      },
      "font-size-base": {
        "$type": "dimension",
        "$value": "16px"
      },
      "font-size-lg": {
        "$type": "dimension",
        "$value": "19px"
      },
      "font-size-xl": {
        "$type": "dimension",
        "$value": "23px"
      },
      "font-size-2xl": {
        "$type": "dimension",
        "$value": "28px"
      },
      "font-size-3xl": {
        "$type": "dimension",
        "$value": "33px"
      },
      "font-size-4xl": {
        "$type": "dimension",
        "$value": "40px"
      },
      "font-size-5xl": {
        "$type": "dimension",
        "$value": "48px"
      }
    },
    "lineHeight": {
      "font-height-2xs": {
        "$type": "dimension",
        "$value": "8px"
      },
      "font-height-xs": {
        "$type": "dimension",
        "$value": "16px"
      },
      "font-height-sm": {
        "$type": "dimension",
        "$value": "20px"
      },
      "font-height-base": {
        "$type": "dimension",
        "$value": "24px"
      },
      "font-height-lg": {
        "$type": "dimension",
        "$value": "28px"
      },
      "font-height-xl": {
        "$type": "dimension",
        "$value": "32px"
      },
      "font-height-2xl": {
        "$type": "dimension",
        "$value": "36px"
      },
      "font-height-3xl": {
        "$type": "dimension",
        "$value": "40px"
      },
      "font-height-4xl": {
        "$type": "dimension",
        "$value": "52px"
      },
      "font-height-5xl": {
        "$type": "dimension",
        "$value": "60px"
      }
    },
    "fontWeight": {
      "default": {
        "font-weight-normal": {
          "$type": "fontWeight",
          "$value": 400
        },
        "font-weight-medium": {
          "$type": "fontWeight",
          "$value": 500
        },
        "font-weight-semibold": {
          "$type": "fontWeight",
          "$value": 600
        },
        "font-weight-bold": {
          "$type": "fontWeight",
          "$value": 700
        }
      },
      "active": {
        "font-weight-normal": {
          "$type": "fontWeight",
          "$value": 500
        },
        "font-weight-medium": {
          "$type": "fontWeight",
          "$value": 600
        },
        "font-weight-semibold": {
          "$type": "fontWeight",
          "$value": 700
        },
        "font-weight-bold": {
          "$type": "fontWeight",
          "$value": 800
        }
      }
    },
    "textStyle": {
      "display-lg": {
        "$type": "typography",
        "$value": {
          "fontFamily": "{typography.fontFamily.display}",
          "fontSize": "{typography.fontSize.font-size-5xl}",
          "lineHeight": "{typography.lineHeight.font-height-5xl}",
          "fontWeight": "{typography.fontWeight.default.font-weight-bold}",
          "letterSpacing": "0"
        },
        "$resolved": {
          "fontSize": 48,
          "lineHeight": 60,
          "fontWeight": 700,
          "fontFamily": "Bungee"
        }
      },
      "display-base": {
        "$type": "typography",
        "$value": {
          "fontFamily": "{typography.fontFamily.display}",
          "fontSize": "{typography.fontSize.font-size-4xl}",
          "lineHeight": "{typography.lineHeight.font-height-4xl}",
          "fontWeight": "{typography.fontWeight.default.font-weight-bold}",
          "letterSpacing": "0"
        },
        "$resolved": {
          "fontSize": 40,
          "lineHeight": 52,
          "fontWeight": 700,
          "fontFamily": "Bungee"
        }
      },
      "display-sm": {
        "$type": "typography",
        "$value": {
          "fontFamily": "{typography.fontFamily.display}",
          "fontSize": "{typography.fontSize.font-size-3xl}",
          "lineHeight": "{typography.lineHeight.font-height-3xl}",
          "fontWeight": "{typography.fontWeight.default.font-weight-bold}",
          "letterSpacing": "0"
        },
        "$resolved": {
          "fontSize": 33,
          "lineHeight": 40,
          "fontWeight": 700,
          "fontFamily": "Bungee"
        }
      },
      "display-xs": {
        "$type": "typography",
        "$value": {
          "fontFamily": "{typography.fontFamily.display}",
          "fontSize": "{typography.fontSize.font-size-2xl}",
          "lineHeight": "{typography.lineHeight.font-height-2xl}",
          "fontWeight": "{typography.fontWeight.default.font-weight-bold}",
          "letterSpacing": "0"
        },
        "$resolved": {
          "fontSize": 28,
          "lineHeight": 36,
          "fontWeight": 700,
          "fontFamily": "Bungee"
        }
      },
      "heading-lg": {
        "$type": "typography",
        "$value": {
          "fontFamily": "{typography.fontFamily.body}",
          "fontSize": "{typography.fontSize.font-size-2xl}",
          "lineHeight": "{typography.lineHeight.font-height-2xl}",
          "fontWeight": "{typography.fontWeight.default.font-weight-semibold}",
          "letterSpacing": "0"
        },
        "$resolved": {
          "fontSize": 28,
          "lineHeight": 36,
          "fontWeight": 600,
          "fontFamily": "system"
        }
      },
      "heading-base": {
        "$type": "typography",
        "$value": {
          "fontFamily": "{typography.fontFamily.body}",
          "fontSize": "{typography.fontSize.font-size-xl}",
          "lineHeight": "{typography.lineHeight.font-height-xl}",
          "fontWeight": "{typography.fontWeight.default.font-weight-semibold}",
          "letterSpacing": "0"
        },
        "$resolved": {
          "fontSize": 23,
          "lineHeight": 32,
          "fontWeight": 600,
          "fontFamily": "system"
        }
      },
      "heading-sm": {
        "$type": "typography",
        "$value": {
          "fontFamily": "{typography.fontFamily.body}",
          "fontSize": "{typography.fontSize.font-size-lg}",
          "lineHeight": "{typography.lineHeight.font-height-lg}",
          "fontWeight": "{typography.fontWeight.default.font-weight-semibold}",
          "letterSpacing": "0"
        },
        "$resolved": {
          "fontSize": 19,
          "lineHeight": 28,
          "fontWeight": 600,
          "fontFamily": "system"
        }
      },
      "title-base": {
        "$type": "typography",
        "$value": {
          "fontFamily": "{typography.fontFamily.body}",
          "fontSize": "{typography.fontSize.font-size-base}",
          "lineHeight": "{typography.lineHeight.font-height-base}",
          "fontWeight": "{typography.fontWeight.default.font-weight-semibold}",
          "letterSpacing": "0"
        },
        "$resolved": {
          "fontSize": 16,
          "lineHeight": 24,
          "fontWeight": 600,
          "fontFamily": "system"
        }
      },
      "title-sm": {
        "$type": "typography",
        "$value": {
          "fontFamily": "{typography.fontFamily.body}",
          "fontSize": "{typography.fontSize.font-size-sm}",
          "lineHeight": "{typography.lineHeight.font-height-sm}",
          "fontWeight": "{typography.fontWeight.default.font-weight-semibold}",
          "letterSpacing": "0"
        },
        "$resolved": {
          "fontSize": 13,
          "lineHeight": 20,
          "fontWeight": 600,
          "fontFamily": "system"
        }
      },
      "title-xs": {
        "$type": "typography",
        "$value": {
          "fontFamily": "{typography.fontFamily.body}",
          "fontSize": "{typography.fontSize.font-size-xs}",
          "lineHeight": "{typography.lineHeight.font-height-xs}",
          "fontWeight": "{typography.fontWeight.default.font-weight-semibold}",
          "letterSpacing": "0"
        },
        "$resolved": {
          "fontSize": 11,
          "lineHeight": 16,
          "fontWeight": 600,
          "fontFamily": "system"
        }
      },
      "body": {
        "$type": "typography",
        "$value": {
          "fontFamily": "{typography.fontFamily.body}",
          "fontSize": "{typography.fontSize.font-size-base}",
          "lineHeight": "{typography.lineHeight.font-height-base}",
          "fontWeight": "{typography.fontWeight.default.font-weight-normal}",
          "letterSpacing": "0",
          "paragraphSpacing": "{typography.lineHeight.font-height-xs}"
        },
        "$resolved": {
          "fontSize": 16,
          "lineHeight": 24,
          "fontWeight": 400,
          "fontFamily": "system",
          "paragraphSpacing": 16
        }
      },
      "label": {
        "$type": "typography",
        "$value": {
          "fontFamily": "{typography.fontFamily.body}",
          "fontSize": "{typography.fontSize.font-size-base}",
          "lineHeight": "{typography.lineHeight.font-height-base}",
          "fontWeight": "{typography.fontWeight.default.font-weight-semibold}",
          "letterSpacing": "0",
          "paragraphSpacing": "{typography.lineHeight.font-height-xs}"
        },
        "$resolved": {
          "fontSize": 16,
          "lineHeight": 24,
          "fontWeight": 600,
          "fontFamily": "system",
          "paragraphSpacing": 16
        }
      },
      "caption": {
        "$type": "typography",
        "$value": {
          "fontFamily": "{typography.fontFamily.body}",
          "fontSize": "{typography.fontSize.font-size-sm}",
          "lineHeight": "{typography.lineHeight.font-height-sm}",
          "fontWeight": "{typography.fontWeight.default.font-weight-normal}",
          "letterSpacing": "0",
          "paragraphSpacing": "{typography.lineHeight.font-height-2xs}"
        },
        "$resolved": {
          "fontSize": 13,
          "lineHeight": 20,
          "fontWeight": 400,
          "fontFamily": "system",
          "paragraphSpacing": 8
        }
      }
    }
  },
  "density": {
    "$description": "Collection density (Figma UU DLS). Mode touch = mặc định (kích thước gốc, app mobile / mini app); compact = desktop / dashboard. Web bật bằng data-density=\"compact\" trên khung chứa; độc lập với brand. Giá trị là alias tới thang có sẵn; $resolved là px.",
    "touch": {
      "text": {
        "heading-lg": {
          "font-size": {
            "$type": "dimension",
            "$value": "{typography.fontSize.font-size-2xl}",
            "$resolved": 28
          },
          "line-height": {
            "$type": "dimension",
            "$value": "{typography.lineHeight.font-height-2xl}",
            "$resolved": 36
          }
        },
        "heading-base": {
          "font-size": {
            "$type": "dimension",
            "$value": "{typography.fontSize.font-size-xl}",
            "$resolved": 23
          },
          "line-height": {
            "$type": "dimension",
            "$value": "{typography.lineHeight.font-height-xl}",
            "$resolved": 32
          }
        },
        "heading-sm": {
          "font-size": {
            "$type": "dimension",
            "$value": "{typography.fontSize.font-size-lg}",
            "$resolved": 19
          },
          "line-height": {
            "$type": "dimension",
            "$value": "{typography.lineHeight.font-height-lg}",
            "$resolved": 28
          }
        },
        "title-base": {
          "font-size": {
            "$type": "dimension",
            "$value": "{typography.fontSize.font-size-base}",
            "$resolved": 16
          },
          "line-height": {
            "$type": "dimension",
            "$value": "{typography.lineHeight.font-height-base}",
            "$resolved": 24
          }
        },
        "title-sm": {
          "font-size": {
            "$type": "dimension",
            "$value": "{typography.fontSize.font-size-sm}",
            "$resolved": 13
          },
          "line-height": {
            "$type": "dimension",
            "$value": "{typography.lineHeight.font-height-sm}",
            "$resolved": 20
          }
        },
        "title-xs": {
          "font-size": {
            "$type": "dimension",
            "$value": "{typography.fontSize.font-size-xs}",
            "$resolved": 11
          },
          "line-height": {
            "$type": "dimension",
            "$value": "{typography.lineHeight.font-height-xs}",
            "$resolved": 16
          }
        },
        "body": {
          "font-size": {
            "$type": "dimension",
            "$value": "{typography.fontSize.font-size-base}",
            "$resolved": 16
          },
          "line-height": {
            "$type": "dimension",
            "$value": "{typography.lineHeight.font-height-base}",
            "$resolved": 24
          }
        },
        "label": {
          "font-size": {
            "$type": "dimension",
            "$value": "{typography.fontSize.font-size-base}",
            "$resolved": 16
          },
          "line-height": {
            "$type": "dimension",
            "$value": "{typography.lineHeight.font-height-base}",
            "$resolved": 24
          },
          "font-weight": {
            "$type": "fontWeight",
            "$value": "{typography.fontWeight.default.font-weight-semibold}",
            "$resolved": 600
          }
        },
        "caption": {
          "font-size": {
            "$type": "dimension",
            "$value": "{typography.fontSize.font-size-sm}",
            "$resolved": 13
          },
          "line-height": {
            "$type": "dimension",
            "$value": "{typography.lineHeight.font-height-sm}",
            "$resolved": 20
          }
        }
      },
      "control": {
        "height-large": {
          "$type": "dimension",
          "$value": "{primitive.size.size-14}",
          "$resolved": 56
        },
        "padding-x-large": {
          "$type": "dimension",
          "$value": "{gap.gap-6}",
          "$resolved": 24
        },
        "padding-y-large": {
          "$type": "dimension",
          "$value": "{gap.gap-2}",
          "$resolved": 8
        },
        "icon-large": {
          "$type": "dimension",
          "$value": "{primitive.size.size-6}",
          "$resolved": 24
        },
        "height-base": {
          "$type": "dimension",
          "$value": "{primitive.size.size-12}",
          "$resolved": 48
        },
        "padding-x-base": {
          "$type": "dimension",
          "$value": "{gap.gap-4}",
          "$resolved": 16
        },
        "padding-y-base": {
          "$type": "dimension",
          "$value": "{gap.gap-2}",
          "$resolved": 8
        },
        "icon-base": {
          "$type": "dimension",
          "$value": "{primitive.size.size-6}",
          "$resolved": 24
        },
        "height-small": {
          "$type": "dimension",
          "$value": "{primitive.size.size-8}",
          "$resolved": 32
        },
        "padding-x-small": {
          "$type": "dimension",
          "$value": "{gap.gap-3}",
          "$resolved": 12
        },
        "padding-y-small": {
          "$type": "dimension",
          "$value": "{gap.gap-1}",
          "$resolved": 4
        },
        "icon-small": {
          "$type": "dimension",
          "$value": "{primitive.size.size-4}",
          "$resolved": 16
        }
      },
      "field": {
        "height": {
          "$type": "dimension",
          "$value": "{primitive.size.size-12}",
          "$resolved": 48
        },
        "padding-x": {
          "$type": "dimension",
          "$value": "{gap.gap-3}",
          "$resolved": 12
        },
        "radius": {
          "$type": "dimension",
          "$value": "{radius.radius-lg}",
          "$resolved": 16
        },
        "icon": {
          "$type": "dimension",
          "$value": "{primitive.size.size-6}",
          "$resolved": 24
        },
        "otp-min-width": {
          "$type": "dimension",
          "$value": "{primitive.size.size-9}",
          "$resolved": 36
        }
      },
      "selection": {
        "size": {
          "$type": "dimension",
          "$value": "{primitive.size.size-8}",
          "$resolved": 32
        },
        "radius": {
          "$type": "dimension",
          "$value": "{radius.radius-base}",
          "$resolved": 12
        },
        "check": {
          "$type": "dimension",
          "$value": "{primitive.size.size-5}",
          "$resolved": 20
        },
        "radio-dot": {
          "$type": "dimension",
          "$value": "{primitive.size.size-5}",
          "$resolved": 20
        },
        "label-offset": {
          "$type": "dimension",
          "$value": "{gap.gap-1}",
          "$resolved": 4
        }
      },
      "switch": {
        "width": {
          "$type": "dimension",
          "$value": "{primitive.size.size-14}",
          "$resolved": 56
        },
        "height": {
          "$type": "dimension",
          "$value": "{primitive.size.size-8}",
          "$resolved": 32
        },
        "padding": {
          "$type": "dimension",
          "$value": "{gap.gap-2}",
          "$resolved": 8
        },
        "handle-off": {
          "$type": "dimension",
          "$value": "{primitive.size.size-4}",
          "$resolved": 16
        },
        "handle-on": {
          "$type": "dimension",
          "$value": "{primitive.size.size-7}",
          "$resolved": 28
        },
        "handle-icon": {
          "$type": "dimension",
          "$value": "{primitive.size.size-4}",
          "$resolved": 16
        }
      },
      "tab": {
        "padding": {
          "$type": "dimension",
          "$value": "{gap.gap-3}",
          "$resolved": 12
        }
      },
      "chip": {
        "border-width": {
          "$type": "dimension",
          "$value": "2px",
          "$resolved": 2
        }
      },
      "table": {
        "row-height": {
          "$type": "dimension",
          "$value": "{primitive.size.size-14}",
          "$resolved": 56
        },
        "header-height": {
          "$type": "dimension",
          "$value": "{primitive.size.size-12}",
          "$resolved": 48
        },
        "cell-padding-x": {
          "$type": "dimension",
          "$value": "{gap.gap-4}",
          "$resolved": 16
        }
      },
      "card": {
        "padding": {
          "$type": "dimension",
          "$value": "{gap.gap-4}",
          "$resolved": 16
        }
      },
      "sidenav": {
        "width": {
          "$type": "dimension",
          "$value": "{primitive.size.size-72}",
          "$resolved": 288
        }
      }
    },
    "compact": {
      "text": {
        "heading-lg": {
          "font-size": {
            "$type": "dimension",
            "$value": "{typography.fontSize.font-size-xl}",
            "$resolved": 23
          },
          "line-height": {
            "$type": "dimension",
            "$value": "{typography.lineHeight.font-height-xl}",
            "$resolved": 32
          }
        },
        "heading-base": {
          "font-size": {
            "$type": "dimension",
            "$value": "{typography.fontSize.font-size-lg}",
            "$resolved": 19
          },
          "line-height": {
            "$type": "dimension",
            "$value": "{typography.lineHeight.font-height-lg}",
            "$resolved": 28
          }
        },
        "heading-sm": {
          "font-size": {
            "$type": "dimension",
            "$value": "{typography.fontSize.font-size-base}",
            "$resolved": 16
          },
          "line-height": {
            "$type": "dimension",
            "$value": "{typography.lineHeight.font-height-base}",
            "$resolved": 24
          }
        },
        "title-base": {
          "font-size": {
            "$type": "dimension",
            "$value": "{typography.fontSize.font-size-sm}",
            "$resolved": 13
          },
          "line-height": {
            "$type": "dimension",
            "$value": "{typography.lineHeight.font-height-sm}",
            "$resolved": 20
          }
        },
        "title-sm": {
          "font-size": {
            "$type": "dimension",
            "$value": "{typography.fontSize.font-size-xs}",
            "$resolved": 11
          },
          "line-height": {
            "$type": "dimension",
            "$value": "{typography.lineHeight.font-height-xs}",
            "$resolved": 16
          }
        },
        "title-xs": {
          "font-size": {
            "$type": "dimension",
            "$value": "{typography.fontSize.font-size-xs}",
            "$resolved": 11
          },
          "line-height": {
            "$type": "dimension",
            "$value": "{typography.lineHeight.font-height-xs}",
            "$resolved": 16
          }
        },
        "body": {
          "font-size": {
            "$type": "dimension",
            "$value": "{typography.fontSize.font-size-sm}",
            "$resolved": 13
          },
          "line-height": {
            "$type": "dimension",
            "$value": "{typography.lineHeight.font-height-sm}",
            "$resolved": 20
          }
        },
        "label": {
          "font-size": {
            "$type": "dimension",
            "$value": "{typography.fontSize.font-size-sm}",
            "$resolved": 13
          },
          "line-height": {
            "$type": "dimension",
            "$value": "{typography.lineHeight.font-height-sm}",
            "$resolved": 20
          },
          "font-weight": {
            "$type": "fontWeight",
            "$value": "{typography.fontWeight.default.font-weight-medium}",
            "$resolved": 500
          }
        },
        "caption": {
          "font-size": {
            "$type": "dimension",
            "$value": "{typography.fontSize.font-size-xs}",
            "$resolved": 11
          },
          "line-height": {
            "$type": "dimension",
            "$value": "{typography.lineHeight.font-height-xs}",
            "$resolved": 16
          }
        }
      },
      "control": {
        "height-large": {
          "$type": "dimension",
          "$value": "{primitive.size.size-10}",
          "$resolved": 40
        },
        "padding-x-large": {
          "$type": "dimension",
          "$value": "{gap.gap-4}",
          "$resolved": 16
        },
        "padding-y-large": {
          "$type": "dimension",
          "$value": "{gap.gap-1}",
          "$resolved": 4
        },
        "icon-large": {
          "$type": "dimension",
          "$value": "{primitive.size.size-4}",
          "$resolved": 16
        },
        "height-base": {
          "$type": "dimension",
          "$value": "{primitive.size.size-8}",
          "$resolved": 32
        },
        "padding-x-base": {
          "$type": "dimension",
          "$value": "{gap.gap-3}",
          "$resolved": 12
        },
        "padding-y-base": {
          "$type": "dimension",
          "$value": "{gap.gap-1}",
          "$resolved": 4
        },
        "icon-base": {
          "$type": "dimension",
          "$value": "{primitive.size.size-4}",
          "$resolved": 16
        },
        "height-small": {
          "$type": "dimension",
          "$value": "{primitive.size.size-6}",
          "$resolved": 24
        },
        "padding-x-small": {
          "$type": "dimension",
          "$value": "{gap.gap-2}",
          "$resolved": 8
        },
        "padding-y-small": {
          "$type": "dimension",
          "$value": "{gap.gap-0-5}",
          "$resolved": 2
        },
        "icon-small": {
          "$type": "dimension",
          "$value": "{primitive.size.size-4}",
          "$resolved": 16
        }
      },
      "field": {
        "height": {
          "$type": "dimension",
          "$value": "{primitive.size.size-8}",
          "$resolved": 32
        },
        "padding-x": {
          "$type": "dimension",
          "$value": "{gap.gap-2}",
          "$resolved": 8
        },
        "radius": {
          "$type": "dimension",
          "$value": "{radius.radius-sm}",
          "$resolved": 8
        },
        "icon": {
          "$type": "dimension",
          "$value": "{primitive.size.size-4}",
          "$resolved": 16
        },
        "otp-min-width": {
          "$type": "dimension",
          "$value": "{primitive.size.size-7}",
          "$resolved": 28
        }
      },
      "selection": {
        "size": {
          "$type": "dimension",
          "$value": "{primitive.size.size-6}",
          "$resolved": 24
        },
        "radius": {
          "$type": "dimension",
          "$value": "{radius.radius-sm}",
          "$resolved": 8
        },
        "check": {
          "$type": "dimension",
          "$value": "{primitive.size.size-4}",
          "$resolved": 16
        },
        "radio-dot": {
          "$type": "dimension",
          "$value": "{primitive.size.size-3}",
          "$resolved": 12
        },
        "label-offset": {
          "$type": "dimension",
          "$value": "{gap.gap-0-5}",
          "$resolved": 2
        }
      },
      "switch": {
        "width": {
          "$type": "dimension",
          "$value": "{primitive.size.size-10}",
          "$resolved": 40
        },
        "height": {
          "$type": "dimension",
          "$value": "{primitive.size.size-6}",
          "$resolved": 24
        },
        "padding": {
          "$type": "dimension",
          "$value": "{gap.gap-1-5}",
          "$resolved": 6
        },
        "handle-off": {
          "$type": "dimension",
          "$value": "{primitive.size.size-3}",
          "$resolved": 12
        },
        "handle-on": {
          "$type": "dimension",
          "$value": "{primitive.size.size-5}",
          "$resolved": 20
        },
        "handle-icon": {
          "$type": "dimension",
          "$value": "{primitive.size.size-3}",
          "$resolved": 12
        }
      },
      "tab": {
        "padding": {
          "$type": "dimension",
          "$value": "{gap.gap-2}",
          "$resolved": 8
        }
      },
      "chip": {
        "border-width": {
          "$type": "dimension",
          "$value": "1px",
          "$resolved": 1
        }
      },
      "table": {
        "row-height": {
          "$type": "dimension",
          "$value": "{primitive.size.size-10}",
          "$resolved": 40
        },
        "header-height": {
          "$type": "dimension",
          "$value": "{primitive.size.size-8}",
          "$resolved": 32
        },
        "cell-padding-x": {
          "$type": "dimension",
          "$value": "{gap.gap-3}",
          "$resolved": 12
        }
      },
      "card": {
        "padding": {
          "$type": "dimension",
          "$value": "{gap.gap-3}",
          "$resolved": 12
        }
      },
      "sidenav": {
        "width": {
          "$type": "dimension",
          "$value": "{primitive.size.size-60}",
          "$resolved": 240
        }
      }
    }
  },
  "elevation": {
    "elevation-low": {
      "$type": "shadow",
      "$value": {
        "offsetX": "0px",
        "offsetY": "2px",
        "blur": "8px",
        "spread": "0px",
        "color": "rgba(0,0,0,0.10)"
      }
    },
    "elevation-medium": {
      "$type": "shadow",
      "$value": {
        "offsetX": "0px",
        "offsetY": "4px",
        "blur": "12px",
        "spread": "0px",
        "color": "rgba(0,0,0,0.10)"
      }
    },
    "elevation-high": {
      "$type": "shadow",
      "$value": {
        "offsetX": "0px",
        "offsetY": "8px",
        "blur": "24px",
        "spread": "0px",
        "color": "rgba(0,0,0,0.10)"
      }
    }
  },
  "control-dna": {
    "$description": "Viền và bóng của control theo Product DNA (spec 4.3). Mặc định không viền, không bóng. Vòng viền vẽ bên ngoài viền riêng của control, không chiếm chỗ.",
    "control-outline-width": {
      "$type": "dimension",
      "$value": "0px",
      "$resolved": 0
    },
    "control-outline-color": {
      "$type": "color",
      "$value": "{semantic.color.<brand>.object-primary}",
      "$description": "Mặc định object-primary của brand."
    },
    "control-shadow": {
      "$type": "shadow",
      "$value": "none",
      "$description": "Cú pháp như elevation-*; blur 0 = bóng cứng."
    }
  },
  "effect": {
    "$description": "Token hiệu ứng theo vai trò (Figma collection effect, 1 mode). Không đổi theo brand / density.",
    "overlay-blur": {
      "$type": "dimension",
      "$value": "{primitive.blur.blur-lg}",
      "$resolved": 16,
      "$description": "Nhoè đều nền phía sau sheet / dialog / side sheet modal; luôn đi cặp màu overlay."
    },
    "surface-blur-start": {
      "$type": "dimension",
      "$value": "{primitive.blur.blur-0}",
      "$resolved": 0,
      "$description": "Blur dần của thanh kính mờ — mép phía nội dung."
    },
    "surface-blur-end": {
      "$type": "dimension",
      "$value": "{primitive.blur.blur-lg}",
      "$resolved": 16,
      "$description": "Blur dần của thanh kính mờ — mép sát cạnh màn."
    }
  }
}