/* ── tokens：全站的顏色、字級、間距、圓角、動畫，只在這裡定義 ──
   其他 CSS 一律用 var(--…)，不寫死顏色與字級。
   配色沿用原型（錢銅金、人靛藍、項目青綠）；*-ink 是同色系、加深到小字也讀得清楚的「文字用」版本。
   對比由 tests/contrast.test.mjs 檢查（小字 ≥ 4.5:1，淺色深色都查）。 */
:root{
  color-scheme:light;
  /* 底色與文字 */
  --bg:#f2f4f7; --surface:#fff; --surface-2:#f7f9fb;
  --ink:#14181f; --ink-2:#4a5463; --ink-3:#5d6878;
  --line:#dce1e8; --line-2:#eaeef3;
  /* 三個角 */
  --money:#a8742a; --people:#2f5db0; --project:#1c7a6b;
  --money-ink:#8a5f1f; --people-ink:#2f5db0; --project-ink:#1c7a6b;
  --money-bg:#fbf6ec; --people-bg:#eef3fb; --project-bg:#ecf6f3;
  /* 紅黃綠 */
  --ok:#2e7d52; --warn:#b07a12; --bad:#c62f22;
  --ok-ink:#276b45; --warn-ink:#8a5d0b; --bad-ink:#c62f22;
  --ok-bg:#e8f3ec; --warn-bg:#fbf2df; --bad-bg:#fbeae8;
  --you:#b45309; --you-bg:#fef3c7;
  /* 深色側欄 */
  --side:#1b2536; --side2:#243044; --side-text:#c8d2e0; --side-text2:#9aa8bc;
  --focus:#2f5db0;
  --shadow:0 1px 2px rgba(20,24,31,.06),0 8px 24px -12px rgba(20,24,31,.18);
  --shadow-lift:0 10px 30px -8px rgba(20,24,31,.35);
  --scrim:rgba(10,14,20,.55);

  /* 字級（內文手機 16、電腦 16；灰色小字最小 14；行高 ≥ 1.5） */
  --fs-cap:14px;   /* 最小：標籤、單位、副標、狀態小牌 */
  --fs-sm:15px;    /* 次要內文 */
  --fs-body:16px;  /* 內文、輸入框（≥16 手機點輸入框才不會放大） */
  --fs-md:17px;    /* 小標 */
  --fs-lg:19px;    /* 卡片名稱、品牌字 */
  --fs-xl:22px;    /* 數字格、通行碼標題 */
  --fs-2xl:26px;   /* 頁面大標題 */
  --lh:1.6; --lh-tight:1.5;

  /* 間距（4 的倍數為主，2px 微調） */
  --sp-1:4px; --sp-2:6px; --sp-3:8px; --sp-4:10px; --sp-5:12px; --sp-6:14px; --sp-7:16px; --sp-8:20px; --sp-9:24px; --sp-10:28px;
  --tap:44px;      /* 手機點擊目標最小高度 */
  --r-sm:5px; --r-md:9px; --r-lg:14px; --r-pill:999px;
  --dur:180ms; --ease:cubic-bezier(.2,.8,.2,1);
  --z-top:20; --z-fab:30; --z-modal:40; --z-pass:50; --z-toast:60;
}
@media (prefers-color-scheme:dark){:root{
  color-scheme:dark;
  --bg:#0f1319; --surface:#171c24; --surface-2:#1d232c;
  --ink:#e8ecf2; --ink-2:#a6b0be; --ink-3:#8d98a7;
  --line:#2a313b; --line-2:#222831;
  --money:#d9a94e; --people:#6b96e8; --project:#3fb39c;
  --money-ink:#d9a94e; --people-ink:#7ea4ec; --project-ink:#4cc0a8;
  --money-bg:#221c12; --people-bg:#141c2b; --project-bg:#11221e;
  --ok:#4cae79; --warn:#d9a94e; --bad:#e8706a;
  --ok-ink:#5cbd88; --warn-ink:#d9a94e; --bad-ink:#ee7d77;
  --ok-bg:#16291f; --warn-bg:#2a2214; --bad-bg:#2b1917;
  --you:#e0a459; --you-bg:#2c2114;
  --side:#0b0f15; --side2:#1a2331;
  --focus:#7ea4ec;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px -12px rgba(0,0,0,.6);
  --shadow-lift:0 12px 32px -6px rgba(0,0,0,.75);
}}