/* ============================================================
   IdeaVault 主題設定 — 所有樣式變數集中喺呢度，改呢個檔就可以換風格
   Theme tokens — edit this file to restyle the whole dashboard.
   Default theme: "NotebookLM" — clean white surfaces, soft grey,
   Google-blue accent.
   ============================================================ */

/* ---- 字型 Fonts ---- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap');

:root {
  /* 字體 */
  --font-body: "Noto Sans TC", "Helvetica Neue", Arial, sans-serif;
  --font-display: "Noto Sans TC", "Helvetica Neue", Arial, sans-serif;

  /* 背景／表面 Surfaces */
  --bg: #f8fafd;              /* 頁面背景 */
  --bg-texture: none;          /* 背景紋理（例如格仔紙：linear-gradient(...)） */
  --surface: #ffffff;          /* 卡片背景 */
  --surface-2: #f1f4f9;        /* 次級表面（欄、篩選器背景） */

  /* 文字 Text */
  --text: #1f1f1f;
  --text-soft: #5f6368;

  /* 主色 Accent */
  --accent: #0b57d0;           /* 主要動作、選中狀態 */
  --accent-soft: #d3e3fd;      /* 主色淺底（chip、hover） */
  --accent-text: #ffffff;      /* 主色上面嘅文字 */

  /* 狀態色 Status */
  --status-todo: #0b57d0;
  --status-doing: #e37400;
  --status-done: #1e8e3e;

  /* 線框／陰影 Borders & shadows */
  --line: #e1e5ec;
  --radius: 16px;              /* 大卡片圓角 */
  --radius-sm: 10px;           /* 細元件圓角 */
  --shadow: 0 1px 2px rgba(60,64,67,.10), 0 1px 6px rgba(60,64,67,.08);
  --shadow-lift: 0 2px 6px rgba(60,64,67,.16), 0 4px 12px rgba(60,64,67,.10);

  /* 標題字距／大小 Header */
  --h1-size: 24px;
  --h1-spacing: 0px;
  --tab-radius: 999px;         /* 分頁按鈕形狀（999px = 藥丸形） */

  /* 聊天泡泡 Chat bubbles */
  --bubble-user: var(--accent);
  --bubble-user-text: #ffffff;
  --bubble-assistant: var(--surface-2);
  --bubble-assistant-text: var(--text);
}

/* ------------------------------------------------------------
   想換返「紙本帳簿」風格？將上面 :root 換成：
   --bg:#f6f1e7; --surface:#fffdf8; --surface-2:#efe7d8;
   --accent:#c2381f; --accent-soft:#f3d9d2; --line:#d9cdb8;
   --radius:4px; --tab-radius:3px;
   --font-display:"Noto Serif TC",serif;
   --bg-texture:linear-gradient(#d9cdb8 1px,transparent 1px),
                linear-gradient(90deg,#d9cdb8 1px,transparent 1px);
   ------------------------------------------------------------ */

/* ---- 深色模式 Dark theme（由右下角切換；跟隨系統預設） ---- */
:root[data-theme="dark"] {
  --bg: #131418;
  --surface: #1e2025;
  --surface-2: #282b31;
  --text: #e8eaed;
  --text-soft: #9aa0a6;
  --accent: #8ab4f8;
  --accent-soft: #1f3a5f;
  --accent-text: #0b1f3a;
  --line: #3a3d44;
  --shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 6px rgba(0,0,0,.3);
  --shadow-lift: 0 2px 8px rgba(0,0,0,.5);
  --bubble-user: #8ab4f8;
  --bubble-user-text: #0b1f3a;
  --bubble-assistant: #282b31;
  --bubble-assistant-text: #e8eaed;
  --status-todo: #8ab4f8;
  --status-doing: #fdd663;
  --status-done: #81c995;
}