/* 金時記 — Design tokens
   基底：小蘋果 Smith Apple Design System
   版本 2026-08-21 */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&family=Nunito:wght@400;600;700&display=swap');

:root {
  /* 底色與容器 */
  --bg: #EFE7DE;            /* 奶茶米灰，頁面底 */
  --card: #FFFFFF;
  --card-sub: #FAF6F2;      /* 小計列、次級區塊 */
  --border: #E3D8CD;
  --divider: #F2EBE4;

  /* 主紅（無印紅）— 時間壓力：今天、應繳、法定支出 */
  --red: #A6192E;
  --red-bg: #F6E7E8;

  /* 帳本綠（橄欖綠）— 個人／家庭、已完成 */
  --green: #6E7F3F;
  --green-bg: #F1F1E6;
  --green-border: #DDDEC9;

  /* 咖啡金 — 只做品牌與區塊標記，不承載資訊 */
  --gold: #A9884E;
  --gold-bg: #F6EEDF;
  --gold-border: #E0CFA8;

  /* 玫瑰金 — 信用卡類繳款 */
  --rose: #C08A6E;
  --rose-bg: #FAEFE7;

  /* 文字 */
  --text: #2D2D2D;
  --text-2: #6B6B6B;
  --text-3: #A0A0A0;
  --text-empty: #CFC4B8;

  /* 字體 */
  --font-zh: 'Noto Sans TC', system-ui, sans-serif;
  --font-num: 'Nunito', system-ui, sans-serif;

  /* 字級 */
  --text-title: 28px;
  --text-section: 15px;
  --text-date: 16px;
  --text-amount: 15px;
  --text-name: 12px;
  --text-note: 11px;

  /* 字重 */
  --w-regular: 400;
  --w-medium: 500;
  --w-bold: 700;

  /* 間距 */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 11px;
  --space-4: 14px;
  --space-5: 18px;
  --space-6: 22px;
  --space-8: 32px;

  /* 圓角 */
  --radius-card: 16px;
  --radius-chip: 12px;
  --radius-icon: 9px;
  --radius-pill: 24px;

  /* 陰影與動態 */
  --shadow-card: 0 2px 12px rgba(0, 0, 0, .04);
  --shadow-hover: 0 6px 20px rgba(0, 0, 0, .07);
  --transition: .25s ease-in-out;
}

body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-zh);
  -webkit-font-smoothing: antialiased;
}

a { color: var(--red); text-decoration: none; }
a:hover { color: #8A1526; text-decoration: underline; }

/* 金額一律用等寬數字 */
.num {
  font-family: var(--font-num);
  font-variant-numeric: tabular-nums;
  letter-spacing: .01em;
}