/* TronKit theme readable v1.0.0 — kit:theme:publish 產生，不要手改（改 resources/themes/readable/theme.css 再發佈） */
/* ── theme: readable (/var/www/talents.com.tw-v2/app/vendor/withtron/tronkit/resources/themes/readable/theme.css) ── */
/* 佈景主題：readable（清晰易讀）
 *
 * 起點是 corporate（圓角四階完全相同，不重設），只改三件實際量出來有差的事：
 *   ① 內文字級 14px → 17px    ② 行距放寬    ③ 陰影改成極淡的冷調擴散
 *
 * 值從仁才國際的正式站量出來（2026-09-06）：內文 17px、圓角 12/16px、
 * 陰影 `0 4px 16px rgba(15,45,75,.06)`。那 3px 字級差不是隨便設的——
 * 那個站的訪客是要申請看護的雇主，中高齡居多。
 *
 * ⚠️ 主題只准改「呈現屬性」。間距（padding／margin／gap）歸版面引擎管，
 *    寫在這裡會被 kit:theme:check 擋下來（母版 2026-09-03 訂）。
 * ⚠️ 命名不綁客戶：這一套之後長照、仲介、診所類的案子都可以直接選。
 */
:root {
  /* ── 陰影：極淡、擴散、偏冷（比 corporate 柔，但不到 soft 那麼圓潤蓬鬆）── */
  --tk-shadow: 0 4px 16px rgb(15 45 75 / .06);
  --tk-shadow-lg: 0 20px 40px -12px rgb(15 45 75 / .18);
  --tk-card-shadow: var(--tk-shadow-none);
  --tk-card-shadow-hover: var(--tk-shadow);

  /* ── 字級：這一套的核心 ──
     ⭐ 文章本體走 --tk-fs-prose（母版 v3.13.0 起獨立出來的），
        --tk-fs-body 是「元件裡的說明小字」，兩者刻意分開：
        內文要 17px，但時間軸文字、數據帶標籤那種小字不該跟著長到 17px。 */
  --tk-fs-prose: 1.0625rem;  --tk-lh-prose: 1.9;
  --tk-fs-body: 1rem;       --tk-lh-body: 1.75rem;
  --tk-fs-title: 1.375rem;  --tk-lh-title: 2rem;
  --tk-fs-lead: 1.625rem;   --tk-lh-lead: 2.25rem;

  /* ── 行高：閱讀導向，整體比 corporate 鬆一階 ── */
  --tk-lh-tight: 1.45;
  --tk-lh-normal: 1.8;
  --tk-lh-loose: 2;
}
