@font-face{font-family:"Inter";src:url("../fonts/inter-latin-wght-normal.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Noto Sans TC";src:url("../fonts/NotoSansTC-400.subset.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Noto Sans TC";src:url("../fonts/NotoSansTC-700.subset.woff2") format("woff2");font-weight:700;font-display:swap}

/* Contrast of every text pair is listed in DIRECTION.md */
:root{
  --bg:#ffffff;--field:#f4f6f9;--line:#e1e6ec;
  --fg:#0e1116;--mute:#46515c;
  --ink:#0e1116;--on-ink:#ffffff;--on-ink-mute:#b8c0c9;--ink-line:#2a313a;
  --link:#3d6b0f;--lime:#c4ef4f;--lime-hi:#d4f56f;--lime-ink:#10140a;
  --safe:#3ccf9e;--caution:#f2b33d;--alert:#ff6a4d;--unc:#b8c0c9;
  --safe-t:#0b7350;--caution-t:#8a5300;--alert-t:#c0391b;--unc-t:#56606b;
  --lv:var(--safe);--lvt:var(--safe-t);
  /* glass */
  --glass:rgba(255,255,255,.72);--glass-strong:rgba(255,255,255,.86);
  --glass-edge:rgba(255,255,255,.9);--glass-line:rgba(14,17,22,.08);
  --glass-shadow:0 1px 2px rgba(14,17,22,.06),0 12px 40px -12px rgba(14,17,22,.18);
  --blur:blur(24px) saturate(1.6);
  --r-panel:28px;--r-media:14px;--r-pill:999px;
  /* 8 px grid */
  --s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:48px;--s6:64px;--s7:96px;--s8:160px;
  /* six sizes */
  --f1:15px;--f2:18px;--f3:24px;--f4:clamp(28px,3.2vw,40px);--f5:clamp(36px,5vw,64px);--f6:clamp(48px,7.4vw,120px);
  --sans:"Inter","Noto Sans TC",system-ui,-apple-system,"Segoe UI","PingFang TC","Microsoft JhengHei",sans-serif;
  --ease:cubic-bezier(.2,.7,.2,1);
  --header:64px;
}