色彩
七個家族、一條貫穿全站的日程色序。任何一格點一下就複製色碼。
七個家族
同一片景色的片段
設計對話用氛圍名稱，不用色碼：說「落日的痕跡」而不是「peach-600」。名字記得住，色碼記不住。
200 是 LOGO DNA 色，不動。
300 是 LOGO DNA 色。600 是唯一的 accent，面積上限 5%。
400 是 LOGO 單色版血緣色，只給 LOGO 與裝飾大字；內文用 800。
段落底色只用 700 與 800；100 至 400 不作段落底。文字只有 300，且限深底段落內。
用於段落之間的過渡與霧幕，不承載大面積主色。
只作漸層 stop 與元件背景，禁止承載文字。
day 為深色字階、bg 為淺底、dusk 為深底段落內的字色。
一條色序
走完一整天
全站色彩的單一來源。入口頁縱走全序，各子頁認領其中一段連續區間作為自己的色彩身分。
左邊是連續的實際漸層，右邊是每個 stop 的位置與氛圍名。段落漸層一律取自本序，不引入家族外色相。
色序是「地」與「天」，W1 是疊在其上的「光」。兩者不重疊，光疊層永不用於 LOGO、圖示、CTA 與錯誤訊息。
section 級補救用，當畫布位置與段落語意不對齊時疊上。單頁最多 2 處例外。
元件不直接用
家族色碼
家族是原料，語意層才是元件該引用的。同一個名稱在 day 與 dusk 解析為不同值，元件程式碼不必改。
dusk 是 section 級模式，用 data-theme="dusk" 切換單一區段，不做全站主題切換。
色碼與比值都取自 @sunsun/brand-tokens，當場計算。accent 這一階當文字只有 3.66:1，不到正文門檻 4.5:1，僅可用於 24px 以上的大字、圖示或非文字元素；正文尺寸的連結與按鈕文字改用 accent-hover。
正文落在主畫布上，讓身體回到自己的節奏。
弱化文字用於註記與輔助說明。
重點色當文字，只能用在 24px 以上。
正文尺寸的連結改用 accent-hover 這一階。
填色 CTA 預約時段
dusk 段落的正文。
dusk 段落的重點色。
綠色文字只在 moss 深底段落內出現。
段落漸層在垂直方向持續變亮，合規與否取決於該段最亮處而非平均值。判準：承字段落的漸層最亮端不得越過 cedar-600。
段落需要由深轉亮時，把轉亮的過渡帶壓進該段底部無文字的留白區，讓承字區間全落在 cedar-600 以深。 中間調 cedar-400 與 500 是深字與淺字都不達標的兩難帶，承字段落一律避開。
三種格式都由 @sunsun/brand-tokens 產出，值與本頁完全一致。