/* 纸与墨：SpeakPen 三端共用的设计常量（web 这一份）。
   只在 body.paper 下生效——App 和登录页。宣传页、SEO 页共用 tokens.css 的 :root，
   所以这里绝不写 :root。数值与 iOS BrandColors/NotionTheme、安卓 Color.kt 一一对应，
   来源：docs/superpowers/specs/2026-10-08-paper-and-ink-design-system-design.md 第 3 节。 */
body.paper {
  --bg: #FAF7F2;
  --surface: #FFFFFF;
  --surface-2: #F3EEE6;
  --text: #1C1A17;
  --text-2: #5B554D;
  --text-3: #776F64;
  --text-reading: #3A3631;
  --divider: #E8E1D6;
  --border: #DDD5C8;
  --ink-faint: #C9C0B3;
  --brand: #9C5A1C;
  --brand-dark: #7A4512;
  --on-brand: #FFFFFF;
  --brand-bg: rgba(156, 90, 28, 0.10);
  --danger: #B3392D;
  --danger-bg: rgba(179, 57, 45, 0.10);
  --success: #2F7A57;
  --success-bg: rgba(47, 122, 87, 0.10);
  --warning: #9A6212;
  --warning-bg: rgba(154, 98, 18, 0.10);
  --overlay: rgba(0, 0, 0, 0.40);
  --shadow-float: rgba(0, 0, 0, 0.12);

  /* 旧名字指向新值，W2 改完 app.css 之前不至于出错。 */
  --card-bg: var(--surface);
  --field-bg: var(--surface);
  --chip-bg: var(--surface-2);
  --chip-selected: var(--brand-bg);
  --field-stroke: var(--border);
  --chip-stroke: var(--border);
  --card-stroke: var(--divider);
  --brand-light: var(--brand);
  --brand-glow: transparent;
  --bg-glow: var(--bg);
  --shadow: transparent;
  --shadow-card: transparent;
  --text-1: var(--text);
  --nav-bg: var(--bg);

  --radius-chip: 8px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-sheet: 18px;
  --radius: var(--radius-md);

  --control-h: 56px;
  --control-compact-h: 44px;
  --record-h: 72px;
  --auth-control-h: var(--control-h);

  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px;

  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-serif: 'Source Serif 4', 'Noto Serif SC', 'Songti SC', 'Noto Serif TC', 'Noto Serif JP', ui-serif, Georgia, serif;
  --fs-display: 1.875rem;  /* 30 */
  --fs-title: 1.0625rem;   /* 17 */
  --fs-reading: 1.0625rem; /* 17，行高 1.7 */
  --fs-body: 0.9375rem;    /* 15 */
  --fs-caption: 0.8125rem; /* 13 */

  background: var(--bg);
  color: var(--text);
}

@media (prefers-color-scheme: dark) {
  body.paper {
    --bg: #171512;
    --surface: #211E1A;
    --surface-2: #1D1A17;
    --text: #EDE7DD;
    --text-2: #B5ACA0;
    --text-3: #8E867B;
    --text-reading: #D6CFC4;
    --divider: #2E2A24;
    --border: #3A352E;
    --ink-faint: #4A443C;
    --brand: #D08B47;
    --brand-dark: #B8763A;
    --on-brand: #171512;
    --brand-bg: rgba(208, 139, 71, 0.14);
    --danger: #E5776B;
    --danger-bg: rgba(229, 119, 107, 0.14);
    --success: #6CC59A;
    --success-bg: rgba(108, 197, 154, 0.14);
    --warning: #E0A54A;
    --warning-bg: rgba(224, 165, 74, 0.14);
    --overlay: rgba(0, 0, 0, 0.60);
    --shadow-float: rgba(0, 0, 0, 0.50);
  }
}

/* 繁体、日文的汉字字形和简体不同：按 <html lang> 换掉第一顺位的中文衬线。 */
html[lang="zh-TW"] body.paper { --font-serif: 'Source Serif 4', 'Noto Serif TC', 'Songti TC', ui-serif, Georgia, serif; }
html[lang="ja"] body.paper { --font-serif: 'Source Serif 4', 'Noto Serif JP', 'Hiragino Mincho ProN', ui-serif, Georgia, serif; }