{
  "color": {
    "$type": "color",
    "white": {
      "$value": "#FFFFFF"
    },
    "paper": {
      "$value": "#FCFAF6"
    },
    "black": {
      "$value": "#000000"
    },
    "navy": {
      "50": {
        "$value": "#F3F7FE"
      },
      "100": {
        "$value": "#E6EDFC"
      },
      "200": {
        "$value": "#CEDBF8"
      },
      "300": {
        "$value": "#A8BDED"
      },
      "400": {
        "$value": "#7F99DA"
      },
      "500": {
        "$value": "#5C76C0"
      },
      "600": {
        "$value": "#4158A1"
      },
      "700": {
        "$value": "#314380"
      },
      "800": {
        "$value": "#223062"
      },
      "900": {
        "$value": "#172046"
      },
      "950": {
        "$value": "#0D142F"
      }
    },
    "amber": {
      "50": {
        "$value": "#FFF8ED"
      },
      "100": {
        "$value": "#FFEED4"
      },
      "200": {
        "$value": "#FFDBAD"
      },
      "300": {
        "$value": "#FEBE73"
      },
      "400": {
        "$value": "#F39C43"
      },
      "500": {
        "$value": "#DF8028"
      },
      "600": {
        "$value": "#BE651D"
      },
      "700": {
        "$value": "#9A4E1C"
      },
      "800": {
        "$value": "#773917"
      },
      "900": {
        "$value": "#582911"
      },
      "950": {
        "$value": "#3D1C0D"
      }
    },
    "stone": {
      "50": {
        "$value": "#F8F5F1"
      },
      "100": {
        "$value": "#F0ECE7"
      },
      "200": {
        "$value": "#E1DDD7"
      },
      "300": {
        "$value": "#CDC8C2"
      },
      "400": {
        "$value": "#ACA7A0"
      },
      "500": {
        "$value": "#7F838B"
      },
      "600": {
        "$value": "#5F636C"
      },
      "700": {
        "$value": "#444953"
      },
      "800": {
        "$value": "#2C313D"
      },
      "900": {
        "$value": "#191E2A"
      },
      "950": {
        "$value": "#0C101B"
      }
    },
    "green": {
      "50": {
        "$value": "#EDFBF2"
      },
      "100": {
        "$value": "#DCF6E6"
      },
      "200": {
        "$value": "#BBECCE"
      },
      "300": {
        "$value": "#8BD8AB"
      },
      "400": {
        "$value": "#56BC86"
      },
      "500": {
        "$value": "#2A9D67"
      },
      "600": {
        "$value": "#0E8050"
      },
      "700": {
        "$value": "#0E653F"
      },
      "800": {
        "$value": "#075030"
      },
      "900": {
        "$value": "#063A23"
      },
      "950": {
        "$value": "#052918"
      }
    },
    "red": {
      "50": {
        "$value": "#FFF4F3"
      },
      "100": {
        "$value": "#FEE6E5"
      },
      "200": {
        "$value": "#FFCFCC"
      },
      "300": {
        "$value": "#FEA6A0"
      },
      "400": {
        "$value": "#F17871"
      },
      "500": {
        "$value": "#DE4E49"
      },
      "600": {
        "$value": "#C1332F"
      },
      "700": {
        "$value": "#9C2623"
      },
      "800": {
        "$value": "#7C1D1A"
      },
      "900": {
        "$value": "#5D1512"
      },
      "950": {
        "$value": "#430F0D"
      }
    },
    "$description": "由 design/tokens/palette.mjs（OKLCH）產生，請勿手動修改。",
    "bg": {
      "canvas": {
        "$value": "{color.paper}",
        "$description": "頁面底色：暖白灰泥，不用純白。",
        "$extensions": {
          "mode": {
            "dark": "{color.stone.950}"
          }
        }
      },
      "surface": {
        "$value": "{color.white}",
        "$description": "卡片、面板、輸入框。",
        "$extensions": {
          "mode": {
            "dark": "{color.stone.900}"
          }
        }
      },
      "raised": {
        "$value": "{color.white}",
        "$description": "選單、浮層、對話框。",
        "$extensions": {
          "mode": {
            "dark": "{color.stone.800}"
          }
        }
      },
      "sunken": {
        "$value": "{color.stone.50}",
        "$description": "凹陷區塊、表格斑馬紋、圖片佔位。",
        "$extensions": {
          "mode": {
            "dark": "#11151F"
          }
        }
      },
      "muted": {
        "$value": "{color.stone.100}",
        "$description": "標籤、滑過時的底色。",
        "$extensions": {
          "mode": {
            "dark": "{color.stone.800}"
          }
        }
      },
      "brand": {
        "$value": "{color.navy.800}",
        "$description": "主要按鈕、品牌色塊。",
        "$extensions": {
          "mode": {
            "dark": "{color.navy.300}"
          }
        }
      },
      "brand-hover": {
        "$value": "{color.navy.900}",
        "$extensions": {
          "mode": {
            "dark": "{color.navy.200}"
          }
        }
      },
      "brand-subtle": {
        "$value": "{color.navy.50}",
        "$extensions": {
          "mode": {
            "dark": "#1A2340"
          }
        }
      },
      "accent": {
        "$value": "{color.amber.400}",
        "$description": "亮著的那盞燈。一個畫面一處。",
        "$extensions": {
          "mode": {
            "dark": "{color.amber.400}"
          }
        }
      },
      "accent-subtle": {
        "$value": "{color.amber.50}",
        "$extensions": {
          "mode": {
            "dark": "#2A1D10"
          }
        }
      },
      "inverse": {
        "$value": "{color.navy.900}",
        "$description": "頁尾、淺色模式中的深色區塊。",
        "$extensions": {
          "mode": {
            "dark": "{color.stone.50}"
          }
        }
      }
    },
    "text": {
      "primary": {
        "$value": "{color.stone.900}",
        "$description": "內文：暖白紙上的藍墨。",
        "$extensions": {
          "mode": {
            "dark": "{color.stone.50}"
          }
        }
      },
      "heading": {
        "$value": "{color.navy.900}",
        "$extensions": {
          "mode": {
            "dark": "#FFFFFF"
          }
        }
      },
      "secondary": {
        "$value": "{color.stone.600}",
        "$description": "輔助文字。白底對比 6.0:1。",
        "$extensions": {
          "mode": {
            "dark": "{color.stone.300}"
          }
        }
      },
      "tertiary": {
        "$value": "{color.stone.500}",
        "$description": "只用於佔位與停用文字（對比低於 4.5:1）。",
        "$extensions": {
          "mode": {
            "dark": "{color.stone.400}"
          }
        }
      },
      "brand": {
        "$value": "{color.navy.800}",
        "$extensions": {
          "mode": {
            "dark": "{color.navy.300}"
          }
        }
      },
      "link": {
        "$value": "{color.navy.600}",
        "$extensions": {
          "mode": {
            "dark": "{color.navy.300}"
          }
        }
      },
      "link-hover": {
        "$value": "{color.navy.800}",
        "$extensions": {
          "mode": {
            "dark": "{color.navy.200}"
          }
        }
      },
      "price": {
        "$value": "{color.amber.700}",
        "$description": "租金與金額。白底對比 6.0:1。",
        "$extensions": {
          "mode": {
            "dark": "{color.amber.300}"
          }
        }
      },
      "on-brand": {
        "$value": "{color.white}",
        "$extensions": {
          "mode": {
            "dark": "{color.navy.950}"
          }
        }
      },
      "on-accent": {
        "$value": "{color.navy.950}",
        "$extensions": {
          "mode": {
            "dark": "{color.navy.950}"
          }
        }
      },
      "inverse": {
        "$value": "{color.stone.50}",
        "$extensions": {
          "mode": {
            "dark": "{color.stone.900}"
          }
        }
      }
    },
    "border": {
      "default": {
        "$value": "{color.stone.200}",
        "$extensions": {
          "mode": {
            "dark": "#2A2F3A"
          }
        }
      },
      "strong": {
        "$value": "{color.stone.300}",
        "$extensions": {
          "mode": {
            "dark": "{color.stone.700}"
          }
        }
      },
      "brand": {
        "$value": "{color.navy.800}",
        "$extensions": {
          "mode": {
            "dark": "{color.navy.300}"
          }
        }
      },
      "focus": {
        "$value": "{color.navy.500}",
        "$description": "鍵盤焦點框：對底色 4.2:1。",
        "$extensions": {
          "mode": {
            "dark": "{color.amber.300}"
          }
        }
      }
    },
    "icon": {
      "default": {
        "$value": "{color.navy.800}",
        "$extensions": {
          "mode": {
            "dark": "{color.stone.100}"
          }
        }
      },
      "muted": {
        "$value": "{color.stone.400}",
        "$description": "沒有提供的設備：燈是熄的。",
        "$extensions": {
          "mode": {
            "dark": "{color.stone.600}"
          }
        }
      },
      "accent": {
        "$value": "{color.amber.400}",
        "$description": "圖示的亮燈處：有提供。",
        "$extensions": {
          "mode": {
            "dark": "{color.amber.400}"
          }
        }
      }
    },
    "status": {
      "success": {
        "$value": "{color.green.600}",
        "$extensions": {
          "mode": {
            "dark": "{color.green.400}"
          }
        }
      },
      "success-subtle": {
        "$value": "{color.green.50}",
        "$extensions": {
          "mode": {
            "dark": "#0B2418"
          }
        }
      },
      "warning": {
        "$value": "{color.amber.700}",
        "$extensions": {
          "mode": {
            "dark": "{color.amber.300}"
          }
        }
      },
      "warning-subtle": {
        "$value": "{color.amber.50}",
        "$extensions": {
          "mode": {
            "dark": "#2A1D10"
          }
        }
      },
      "danger": {
        "$value": "{color.red.600}",
        "$extensions": {
          "mode": {
            "dark": "{color.red.400}"
          }
        }
      },
      "danger-subtle": {
        "$value": "{color.red.50}",
        "$extensions": {
          "mode": {
            "dark": "#2C1212"
          }
        }
      },
      "info": {
        "$value": "{color.navy.600}",
        "$extensions": {
          "mode": {
            "dark": "{color.navy.300}"
          }
        }
      },
      "info-subtle": {
        "$value": "{color.navy.50}",
        "$extensions": {
          "mode": {
            "dark": "#1A2340"
          }
        }
      }
    },
    "listing": {
      "available": {
        "$value": "{color.green.600}",
        "$description": "可租",
        "$extensions": {
          "mode": {
            "dark": "{color.green.400}"
          }
        }
      },
      "reserved": {
        "$value": "{color.amber.700}",
        "$description": "已預訂 / 洽談中",
        "$extensions": {
          "mode": {
            "dark": "{color.amber.300}"
          }
        }
      },
      "rented": {
        "$value": "{color.stone.500}",
        "$description": "已出租",
        "$extensions": {
          "mode": {
            "dark": "{color.stone.400}"
          }
        }
      },
      "new": {
        "$value": "{color.amber.400}",
        "$description": "「最新」標籤底色",
        "$extensions": {
          "mode": {
            "dark": "{color.amber.400}"
          }
        }
      },
      "featured": {
        "$value": "{color.navy.800}",
        "$description": "「精選」標籤底色",
        "$extensions": {
          "mode": {
            "dark": "{color.navy.300}"
          }
        }
      }
    }
  },
  "$description": "一套字型組合：Manrope 排英文與數字，思源黑體排中文。流動字級以 clamp() 在 375px 到 1280px 之間變化。",
  "space": {
    "0": {
      "$value": "0px"
    },
    "1": {
      "$value": "4px"
    },
    "2": {
      "$value": "8px"
    },
    "3": {
      "$value": "12px"
    },
    "4": {
      "$value": "16px"
    },
    "5": {
      "$value": "20px"
    },
    "6": {
      "$value": "24px"
    },
    "8": {
      "$value": "32px"
    },
    "10": {
      "$value": "40px"
    },
    "12": {
      "$value": "48px"
    },
    "16": {
      "$value": "64px"
    },
    "20": {
      "$value": "80px"
    },
    "24": {
      "$value": "96px"
    },
    "32": {
      "$value": "128px"
    },
    "$type": "dimension",
    "px": {
      "$value": "1px"
    },
    "0-5": {
      "$value": "2px"
    },
    "section": {
      "$value": "clamp(64px, 50.7px + 3.54vw, 96px)",
      "$description": "頁面段落之間的垂直間距。"
    },
    "gutter": {
      "$value": "clamp(16px, 12.7px + 0.88vw, 24px)",
      "$description": "頁面左右留白與欄間距。"
    }
  },
  "size": {
    "$type": "dimension",
    "icon-sm": {
      "$value": "16px"
    },
    "icon": {
      "$value": "24px"
    },
    "icon-lg": {
      "$value": "32px"
    },
    "control-sm": {
      "$value": "32px"
    },
    "control": {
      "$value": "44px",
      "$description": "按鈕與輸入框的預設高度，也是最小觸控尺寸。"
    },
    "control-lg": {
      "$value": "52px"
    },
    "container": {
      "$value": "1200px"
    },
    "container-narrow": {
      "$value": "760px",
      "$description": "長文閱讀寬度。"
    }
  },
  "radius": {
    "$type": "dimension",
    "none": {
      "$value": "0px"
    },
    "xs": {
      "$value": "2px"
    },
    "sm": {
      "$value": "4px"
    },
    "md": {
      "$value": "8px",
      "$description": "按鈕、輸入框、標籤。"
    },
    "lg": {
      "$value": "12px",
      "$description": "卡片。"
    },
    "xl": {
      "$value": "16px",
      "$description": "抽屜、大型面板。"
    },
    "2xl": {
      "$value": "24px"
    },
    "full": {
      "$value": "9999px"
    }
  },
  "shadow": {
    "$type": "shadow",
    "sm": {
      "$value": [
        {
          "color": "#1720460F",
          "offsetX": "0px",
          "offsetY": "1px",
          "blur": "2px",
          "spread": "0px"
        },
        {
          "color": "#1720460A",
          "offsetX": "0px",
          "offsetY": "1px",
          "blur": "1px",
          "spread": "0px"
        }
      ]
    },
    "md": {
      "$value": [
        {
          "color": "#17204614",
          "offsetX": "0px",
          "offsetY": "4px",
          "blur": "12px",
          "spread": "-2px"
        },
        {
          "color": "#1720460A",
          "offsetX": "0px",
          "offsetY": "2px",
          "blur": "4px",
          "spread": "0px"
        }
      ],
      "$description": "滑過的卡片。"
    },
    "lg": {
      "$value": [
        {
          "color": "#17204624",
          "offsetX": "0px",
          "offsetY": "16px",
          "blur": "40px",
          "spread": "-12px"
        },
        {
          "color": "#1720460F",
          "offsetX": "0px",
          "offsetY": "4px",
          "blur": "10px",
          "spread": "0px"
        }
      ],
      "$description": "浮層、固定的搜尋列。"
    },
    "xl": {
      "$value": [
        {
          "color": "#17204633",
          "offsetX": "0px",
          "offsetY": "24px",
          "blur": "64px",
          "spread": "-16px"
        },
        {
          "color": "#17204614",
          "offsetX": "0px",
          "offsetY": "8px",
          "blur": "20px",
          "spread": "-4px"
        }
      ],
      "$description": "對話框。"
    }
  },
  "duration": {
    "$type": "duration",
    "instant": {
      "$value": "80ms"
    },
    "fast": {
      "$value": "140ms",
      "$description": "滑過、按下。"
    },
    "base": {
      "$value": "220ms",
      "$description": "大多數轉場。"
    },
    "slow": {
      "$value": "360ms",
      "$description": "面板、抽屜。"
    },
    "slower": {
      "$value": "560ms",
      "$description": "頁面層級的出現效果。"
    }
  },
  "easing": {
    "$type": "cubicBezier",
    "standard": {
      "$value": [
        0.2,
        0,
        0,
        1
      ]
    },
    "enter": {
      "$value": [
        0.05,
        0.7,
        0.1,
        1
      ]
    },
    "exit": {
      "$value": [
        0.3,
        0,
        0.8,
        0.15
      ]
    }
  },
  "breakpoint": {
    "$type": "dimension",
    "sm": {
      "$value": "640px"
    },
    "md": {
      "$value": "768px"
    },
    "lg": {
      "$value": "1024px"
    },
    "xl": {
      "$value": "1280px"
    }
  },
  "z": {
    "$type": "number",
    "base": {
      "$value": 0
    },
    "raised": {
      "$value": 10
    },
    "sticky": {
      "$value": 100
    },
    "overlay": {
      "$value": 200
    },
    "modal": {
      "$value": 300
    },
    "toast": {
      "$value": 400
    }
  },
  "font": {
    "family": {
      "$type": "fontFamily",
      "sans": {
        "$value": [
          "Manrope Variable",
          "Noto Sans TC Variable",
          "PingFang TC",
          "Microsoft JhengHei",
          "system-ui",
          "sans-serif"
        ],
        "$description": "預設。英數用 Manrope，中文用思源黑體。"
      },
      "cjk": {
        "$value": [
          "Noto Sans TC Variable",
          "PingFang TC",
          "Microsoft JhengHei",
          "system-ui",
          "sans-serif"
        ],
        "$description": "中文優先。長篇中文裡的英數也用思源黑體。"
      },
      "numeric": {
        "$value": [
          "Manrope Variable",
          "system-ui",
          "sans-serif"
        ],
        "$description": "價格、坪數、樓層、電話。"
      },
      "mono": {
        "$value": [
          "ui-monospace",
          "SFMono-Regular",
          "Menlo",
          "monospace"
        ]
      }
    },
    "weight": {
      "$type": "fontWeight",
      "regular": {
        "$value": 400
      },
      "medium": {
        "$value": 500
      },
      "semibold": {
        "$value": 600
      },
      "bold": {
        "$value": 700
      }
    },
    "size": {
      "$type": "dimension",
      "caption": {
        "$value": "12px",
        "$description": "中文可讀的最小字級。"
      },
      "small": {
        "$value": "14px"
      },
      "body": {
        "$value": "16px"
      },
      "body-lg": {
        "$value": "18px"
      },
      "title-sm": {
        "$value": "20px"
      },
      "title": {
        "$value": "clamp(21px, 19.76px + 0.33vw, 24px)"
      },
      "headline": {
        "$value": "clamp(25px, 22.52px + 0.66vw, 31px)"
      },
      "display": {
        "$value": "clamp(31px, 26.86px + 1.1vw, 41px)"
      },
      "display-xl": {
        "$value": "clamp(38px, 30.55px + 1.99vw, 56px)"
      }
    },
    "line-height": {
      "$type": "number",
      "tight": {
        "$value": 1.2
      },
      "snug": {
        "$value": 1.4
      },
      "normal": {
        "$value": 1.6
      },
      "relaxed": {
        "$value": 1.8,
        "$description": "中文內文。"
      }
    },
    "tracking": {
      "$type": "dimension",
      "tight": {
        "$value": "-0.01em",
        "$description": "大尺寸數字。"
      },
      "normal": {
        "$value": "0em"
      },
      "cjk": {
        "$value": "0.02em",
        "$description": "中文內文稍微拉開。"
      },
      "heading": {
        "$value": "0.04em"
      },
      "caps": {
        "$value": "0.16em",
        "$description": "英文全大寫標籤。"
      }
    }
  },
  "text": {
    "$type": "typography",
    "display-xl": {
      "$value": {
        "fontFamily": "{font.family.sans}",
        "fontSize": "{font.size.display-xl}",
        "fontWeight": "{font.weight.bold}",
        "lineHeight": 1.2,
        "letterSpacing": "{font.tracking.heading}"
      },
      "$description": "首頁主標。"
    },
    "display": {
      "$value": {
        "fontFamily": "{font.family.sans}",
        "fontSize": "{font.size.display}",
        "fontWeight": "{font.weight.bold}",
        "lineHeight": 1.25,
        "letterSpacing": "{font.tracking.heading}"
      },
      "$description": "頁面標題（h1）。"
    },
    "headline": {
      "$value": {
        "fontFamily": "{font.family.sans}",
        "fontSize": "{font.size.headline}",
        "fontWeight": "{font.weight.bold}",
        "lineHeight": 1.35,
        "letterSpacing": "{font.tracking.heading}"
      },
      "$description": "段落標題（h2）。"
    },
    "title": {
      "$value": {
        "fontFamily": "{font.family.sans}",
        "fontSize": "{font.size.title}",
        "fontWeight": "{font.weight.bold}",
        "lineHeight": 1.4,
        "letterSpacing": "0.02em"
      },
      "$description": "卡片與區塊標題（h3）。"
    },
    "title-sm": {
      "$value": {
        "fontFamily": "{font.family.sans}",
        "fontSize": "{font.size.title-sm}",
        "fontWeight": "{font.weight.semibold}",
        "lineHeight": 1.5,
        "letterSpacing": "0.02em"
      },
      "$description": "物件標題（h4）。"
    },
    "body-lg": {
      "$value": {
        "fontFamily": "{font.family.sans}",
        "fontSize": "{font.size.body-lg}",
        "fontWeight": "{font.weight.regular}",
        "lineHeight": 1.8,
        "letterSpacing": "{font.tracking.cjk}"
      },
      "$description": "導言段落。"
    },
    "body": {
      "$value": {
        "fontFamily": "{font.family.sans}",
        "fontSize": "{font.size.body}",
        "fontWeight": "{font.weight.regular}",
        "lineHeight": 1.8,
        "letterSpacing": "{font.tracking.cjk}"
      },
      "$description": "一般內文。"
    },
    "label": {
      "$value": {
        "fontFamily": "{font.family.sans}",
        "fontSize": "{font.size.small}",
        "fontWeight": "{font.weight.medium}",
        "lineHeight": 1.4,
        "letterSpacing": "0.02em"
      },
      "$description": "按鈕、表單標籤、標籤。"
    },
    "small": {
      "$value": {
        "fontFamily": "{font.family.sans}",
        "fontSize": "{font.size.small}",
        "fontWeight": "{font.weight.regular}",
        "lineHeight": 1.6,
        "letterSpacing": "{font.tracking.cjk}"
      },
      "$description": "次要文字。"
    },
    "caption": {
      "$value": {
        "fontFamily": "{font.family.sans}",
        "fontSize": "{font.size.caption}",
        "fontWeight": "{font.weight.regular}",
        "lineHeight": 1.5,
        "letterSpacing": "0.04em"
      },
      "$description": "附註、時間等資訊。"
    },
    "overline": {
      "$value": {
        "fontFamily": "{font.family.numeric}",
        "fontSize": "{font.size.caption}",
        "fontWeight": "{font.weight.semibold}",
        "lineHeight": 1.4,
        "letterSpacing": "{font.tracking.caps}"
      },
      "$description": "英文段落標籤，例如 FEATURED。"
    },
    "price": {
      "$value": {
        "fontFamily": "{font.family.numeric}",
        "fontSize": "{font.size.title}",
        "fontWeight": "{font.weight.bold}",
        "lineHeight": 1.2,
        "letterSpacing": "{font.tracking.tight}"
      },
      "$description": "卡片上的租金，等寬數字。"
    },
    "price-lg": {
      "$value": {
        "fontFamily": "{font.family.numeric}",
        "fontSize": "{font.size.display}",
        "fontWeight": "{font.weight.bold}",
        "lineHeight": 1.1,
        "letterSpacing": "{font.tracking.tight}"
      },
      "$description": "物件頁的租金。"
    }
  }
}