/* ============================================================
   AI Love Home Kit v1 — 主題 Token（Warm Hearth）
   來源：setting頁 DESIGN.md（設計 token 唯一來源）＋ 施工規格書 §6 補齊夜間/成功色
   規格 §8：手寫 CSS，不用 Tailwind CDN，確保離線可用
   ============================================================ */

:root {
  /* ---- 圓角（規格 §6：卡片 18 / 泡泡 18 / 一般 16）---- */
  --radius-sm: 0.5rem;    /* 8px */
  --radius: 0.75rem;      /* 12px 工具卡 */
  --radius-lg: 1rem;      /* 16px 一般容器 */
  --radius-xl: 1.125rem;  /* 18px 卡片 / 聊天泡泡 */
  --radius-full: 9999px;

  /* ---- 間距 ---- */
  --margin-page: 1.25rem;      /* 20px 頁面左右邊距 */
  --gap-bubble: 0.75rem;
  --pad-bubble-x: 1rem;
  --pad-bubble-y: 0.75rem;
  --stack-sm: 0.25rem;
  --stack-md: 1rem;

  /* ---- 尺寸（規格 §6）---- */
  --btn-lg: 48px;   /* 大按鈕高 */
  --btn-sm: 36px;   /* 小按鈕高 */
  --tap-min: 44px;  /* 最小點擊區 */
  --tabbar-h: 68px; /* 底部 Tab 高（不含安全區）*/

  /* ---- 字體 ----
     規格 §6 要求系統字體以確保離線與手機相容；
     保留 UI/襯線兩軌以維持「日記感」聊天內文（DESIGN.md 的 Literata 精神）。
     日後若自建 woff2，可在此換成 "Be Vietnam Pro" / "Literata"。 */
  --font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "PingFang TC", "Noto Sans TC", sans-serif;
  --font-serif: "Iowan Old Style", Georgia, "Songti TC", "Noto Serif TC", serif;

  /* ---- 字級（DESIGN.md typography）---- */
  --fs-headline: 24px;  --lh-headline: 32px;
  --fs-headline-m: 20px; --lh-headline-m: 28px;
  --fs-body-lg: 16px;   --lh-body-lg: 24px;
  --fs-body: 14px;      --lh-body: 20px;
  --fs-label: 11px;     --lh-label: 16px;

  /* ---- 陰影（規格 §6：低強度柔和）---- */
  --shadow-soft: 0 4px 20px -2px rgba(111, 70, 39, 0.08);
  --shadow-card: 0 2px 10px -2px rgba(111, 70, 39, 0.10);
  --etch: inset 0 1px 2px rgba(111, 70, 39, 0.10);

  /* ---- 動畫（規格 §6：150–250ms）---- */
  --dur: 200ms;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
}

/* ============================================================
   Warm Day（預設）—— DESIGN.md Warm Hearth 全色票
   ============================================================ */
:root,
:root[data-theme="day"] {
  color-scheme: light;

  --surface: #fff8f6;
  --surface-dim: #f2d4c6;
  --surface-bright: #fff8f6;
  --surface-lowest: #ffffff;
  --surface-low: #fff1eb;
  --surface-container: #ffeae0;
  --surface-high: #ffe2d6;
  --surface-highest: #fbdcce;

  --on-surface: #281810;
  --on-surface-variant: #51443c;
  --inverse-surface: #3f2c23;
  --inverse-on-surface: #ffede6;

  --outline: #83746b;
  --outline-variant: #d5c3b8;

  --primary: #6f4627;
  --on-primary: #ffffff;
  --primary-container: #8b5e3c;
  --on-primary-container: #ffe3d1;

  --secondary: #695c4e;
  --on-secondary: #ffffff;
  --secondary-container: #f1e0cd;
  --on-secondary-container: #6f6254;
  --secondary-fixed-dim: #d4c4b2;
  --on-secondary-fixed: #231a0f;
  --on-secondary-fixed-variant: #504538;

  --background: #fff8f6;
  --on-background: #281810;

  --error: #ba1a1a;          /* DESIGN.md */
  --on-error: #ffffff;
  --error-container: #ffdad6;
  --danger: #d94a4a;         /* 規格 §6 危險操作按鈕色 */
  --success: #45b883;        /* 規格 §6 成功色 */
}

/* ============================================================
   Night —— 暖色深夜（規格 §6：bg #111014 / text #F5ECE8）
   以暖棕系推導，避免死黑，維持親密感
   ============================================================ */
:root[data-theme="night"] {
  color-scheme: dark;

  --surface: #171311;
  --surface-dim: #120f0d;
  --surface-bright: #241d19;
  --surface-lowest: #0e0b0a;
  --surface-low: #1c1714;
  --surface-container: #221b17;
  --surface-high: #2d2420;
  --surface-highest: #382d27;

  --on-surface: #f5ece8;
  --on-surface-variant: #d5c3b8;
  --inverse-surface: #f5ece8;
  --inverse-on-surface: #38271f;

  --outline: #9d8b80;
  --outline-variant: #51443c;

  --primary: #f4bb92;        /* DESIGN.md inverse-primary，夜間主色 */
  --on-primary: #4a2600;
  --primary-container: #653d1e;
  --on-primary-container: #ffe3d1;

  --secondary: #d4c4b2;
  --on-secondary: #372f24;
  --secondary-container: #4a4034;
  --on-secondary-container: #f1e0cd;
  --secondary-fixed-dim: #4a4034;
  --on-secondary-fixed: #f1e0cd;
  --on-secondary-fixed-variant: #d4c4b2;

  --background: #111014;
  --on-background: #f5ece8;

  --error: #ffb4ab;
  --on-error: #690005;
  --error-container: #93000a;
  --danger: #ff6b6b;
  --success: #6ed6a6;
}