/* 設計 token — 書房/夜航（2026-07-13）＋霧藍/星空（Fred 夢幻系統 design/DESIGN.md，2026-07-15） */
@font-face{
  font-family:"淚體 1.0";
  src:url("../fonts/tearsfont-1.0.woff2") format("woff2");
  font-weight:400;font-style:normal;font-display:swap;
}
:root{
  --font-ui:'Noto Sans TC',-apple-system,sans-serif;
  --font-serif:'Noto Serif TC',Georgia,serif;
  --font-mono:'JetBrains Mono',ui-monospace,monospace;
  --r-card:14px; --r-chip:99px; --r-sheet:20px;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px;
  --dur:200ms; --ease:cubic-bezier(.2,.7,.3,1);
  --safe-b:env(safe-area-inset-bottom,0px);
  --safe-t:env(safe-area-inset-top,0px);
}
[data-theme="light"]{
  color-scheme:light;
  --bg:#f6f1e7; --surface:#fffdf8; --surface-2:#f0e9da;
  --border:#e8dfcf; --border-2:#d8cdb9;
  --ink:#2c2620; --ink-2:#7d735f; --ink-3:#a1937c;
  --accent:#b0431f; --on-accent:#fff7ef;
  --chip-on-bg:#2c2620; --chip-on-ink:#f6f1e7;
  --shadow:0 1px 2px rgba(80,60,20,.05);
  --scrim:rgba(44,38,32,.45);
}
[data-theme="dark"]{
  color-scheme:dark;
  --bg:#101418; --surface:#161c22; --surface-2:#1a2027;
  --border:#222a33; --border-2:#2c3641;
  --ink:#e7e3da; --ink-2:#8b95a3; --ink-3:#5d6672;
  --accent:#e8b64c; --on-accent:#101418;
  --chip-on-bg:#e8b64c; --chip-on-ink:#101418;
  --shadow:0 1px 3px rgba(0,0,0,.4);
  --scrim:rgba(4,6,8,.6);
}

/* ── 霧藍 Mist（夢幻・亮）：粉嫩米白＋霧藍，標題用淚體 ── */
[data-theme="mist"]{
  color-scheme:light;
  --font-serif:'淚體 1.0','Noto Serif TC',Georgia,serif;
  --bg:#eef0f3; --surface:#e6e9ee; --surface-2:#dee3ea;
  --border:#d7dce3; --border-2:#c6cdd7;
  --ink:#2c3746; --ink-2:#566475; --ink-3:#8791a0;
  --accent:#4f7396; --on-accent:#ffffff;
  --chip-on-bg:#dde5f0; --chip-on-ink:#3a6188; /* 文字霧藍 link（v1.1 對比拆分） */
  --shadow:0 1px 2px rgba(79,115,150,.07);
  --scrim:rgba(44,55,70,.45);
}
/* ── 星空 Starry（夢幻・暗）：星空夜藍 ── */
[data-theme="star"]{
  color-scheme:dark;
  --font-serif:'淚體 1.0','Noto Serif TC',Georgia,serif;
  --bg:#1a2230; --surface:#232d3c; --surface-2:#2b3648;
  --border:rgba(55,68,87,.5); --border-2:#3a4a5e;
  --ink:#e9e6da; --ink-2:#a9b2c0; --ink-3:#727e8d;
  --accent:#8fb0d4; --on-accent:#1a2230;
  --chip-on-bg:#2b3a4e; --chip-on-ink:#8fb0d4;
  --shadow:0 1px 3px rgba(0,0,0,.4);
  --scrim:rgba(6,10,16,.6);
}