/* tokens.css — 歲玥靜好 康復之家 交班系統
 * 複用富邦極簡 v3（與 fa-platform design-tokens.css 完全對齊）
 * 補充 handover-specific tokens
 */

:root {
  /* ── 品牌色（富邦極簡 v3 — 與 fa-platform 一致）── */
  --brand-primary:   #1f7f9f;
  --brand-secondary: #2f6f9c;
  --brand-gold:      #cf9326;

  --brand-gradient:       linear-gradient(135deg, #1f7f9f 0%, #2f6f9c 100%);
  --brand-gradient-hover: linear-gradient(135deg, #176a8a 0%, #244f70 100%);
  --brand-gradient-bar:   linear-gradient(90deg, #1f7f9f 0%, #cf9326 50%, #2f6f9c 100%);

  /* ── Handover 專用：Logo 暖色（品牌時刻用，日常 UI 不用）── */
  --hv-warm-bg:    #f4e8d8;
  --hv-warm-text:  #8baa8d;
  --hv-warm-sub:   #a89070;

  /* ── 背景三層 ── */
  --bg-main:          #ffffff;
  --bg-sidebar:       #f5f7fa;
  --bg-card:          #ffffff;
  --surface-elevated: #fafbfc;

  /* ── 邊框 ── */
  --border-subtle:  #e5e7eb;
  --border-default: #d1d5db;

  /* ── 文字三層 ── */
  --text-primary:   #0f1416;
  --text-secondary: #6b7785;
  --text-tertiary:  #9aa5ac;
  --text-on-accent: #ffffff;

  /* ── 語意色 ── */
  --ok:   #2f9b75;
  --warn: #cf9326;
  --bad:  #c8584a;
  --info: #2f6f9c;

  /* ── 類別色（對應 spec FR-021a）── */
  --cat-med:  #2f6f9c;
  --cat-abn:  #c8584a;
  --cat-fam:  #8e44ad;
  --cat-etc:  #6b7785;

  /* ── 字體（PingFang TC stack）── */
  --font-primary: "PingFang TC", "PingFang SC", -apple-system, BlinkMacSystemFont,
                  "Microsoft JhengHei", "Noto Sans TC", "Segoe UI", Roboto, sans-serif;
  --font-mono:    "SF Mono", Menlo, Consolas, "Courier New", monospace;

  /* ── 字級 ── */
  --font-h1:      24px;
  --font-h2:      20px;
  --font-h3:      18px;
  --font-body:    14px;
  --font-caption: 13px;
  --font-micro:   12px;
  --font-input:   16px;   /* 可輸入控件專用：≥16px 防 iOS Safari 聚焦放大整頁 */

  --line-normal: 1.6;

  /* ── 間距 ── */
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  32px;

  /* ── 圓角 ── */
  --radius-sm:   6px;
  --radius-md:   12px;
  --radius-lg:   16px;
  --radius-pill: 999px;

  /* ── 陰影 ── */
  --shadow-sm: 0 1px 3px rgba(15, 20, 22, 0.04);
  --shadow-md: 0 4px 12px rgba(15, 20, 22, 0.06);
  --shadow-lg: 0 12px 32px rgba(15, 20, 22, 0.10);

  /* ── 動畫 ── */
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast:  150ms;
  --dur-base:  250ms;
  --dur-slow:  400ms;

  /* ── z-index ── */
  --z-base:    0;
  --z-sticky:  50;
  --z-tab:     100;
  --z-toast:   200;
  --z-modal:   500;
  --z-overlay: 1000;

  /* ── 殼框架尺寸 ── */
  --sidebar-w:  240px;
  --topbar-h:   52px;
  --tab-bar-h:  62px;
  --breakpoint: 1024px;

  /* ── 相容舊名 ── */
  --bg:     var(--bg-main);
  --card:   var(--bg-card);
  --border: var(--border-default);
  --text:   var(--text-primary);
  --muted:  var(--text-secondary);
  --line:   var(--border-subtle);
}