/* 明暗模式 · 中性色與語意色
   這一層與「色系」無關 —— 換色系不影響這裡，換明暗才會。
   注意：neutral 的數字代表「從表面到文字」的位置，不是絕對明度。
   深色模式下 000 是深色表面、900 是淺色文字。 */

/* ── 白天（預設）── */
:root{
  --c-neutral-000:#FFFFFF; --c-neutral-050:#F1F3F5; --c-neutral-100:#E4E8EB;
  --c-neutral-300:#C2C8CE; --c-neutral-500:#6E757C; --c-neutral-900:#1F2429;

  --c-success-050:#E4F3EA; --c-success-600:#2E7D4F;
  --c-warning-050:#FBF1E3; --c-warning-600:#B45309;
  --c-danger-050:#FCEBEB;  --c-danger-600:#C0392B;
  --c-info-050:#EAECEF;    --c-info-600:#4E6072;

  --c-shadow:rgba(0,0,0,.08); --c-hairline:rgba(0,0,0,.10);
  --c-backdrop:rgba(0,0,0,.42);
}

/* ── 黑夜 ── */
:root[data-mode="dark"]{
  --c-neutral-000:#1E2124; --c-neutral-050:#141619; --c-neutral-100:#272B2F;
  --c-neutral-300:#3C4248; --c-neutral-500:#99A0A7; --c-neutral-900:#ECEFF1;

  --c-success-050:#162E22; --c-success-600:#4FA97A;
  --c-warning-050:#2F2314; --c-warning-600:#D98A3A;
  --c-danger-050:#33201E;  --c-danger-600:#E06B5E;
  --c-info-050:#212830;    --c-info-600:#93A3B4;

  --c-shadow:rgba(0,0,0,.45); --c-hairline:rgba(255,255,255,.12);
  --c-backdrop:rgba(0,0,0,.62);
}