/* === 手撕机设计系统 — tokens.css === */

@import url('https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;600&display=swap');

:root {
  /* ── 纸色系 — 页面底色 ── */
  --paper-white:     #FAF7F2;
  --paper-warm:      #F5F0E8;
  --paper-aged:      #EDE6D8;
  --paper-border:    #DDD6CC;

  /* ── 墨色系 — 文字 ── */
  --ink-primary:     #2C2416;
  --ink-secondary:   #7A7062;
  --ink-tertiary:    #B8AD9C;
  --ink-inverse:     #F5F0E8;

  /* ── 烈焰色系 — 撕开时的暖光 ── */
  --fire-glow:       #FF9A3C;
  --fire-spark:      #FFD166;
  --fire-ember:      #EF476F;
  --fire-ash:        #E8D5C4;

  /* ── 碎纸色系 — 彩色碎片 ── */
  --confetti-blue:   #74B9FF;
  --confetti-green:  #55E6C1;
  --confetti-pink:   #FD79A8;
  --confetti-yellow: #FFEAA7;
  --confetti-lav:    #A29BFE;

  /* ── 状态色 ── */
  --danger:          #D63031;
  --success:         #00B894;

  /* ── 字体 ── */
  --font-display: 'Noto Serif SC', 'Source Han Serif SC', serif;
  --font-body:    'Noto Sans SC', 'PingFang SC', sans-serif;
  /* 分类页标签便签 — 手写风 */
  --font-tag-hand: 'Ma Shan Zheng', 'STKaiti', 'KaiTi', 'PingFang SC', cursive;
  --font-mono:    'SF Mono', 'Cascadia Code', monospace;

  /* ── 字阶 ── */
  --text-xl:       22px;
  --text-lg:       17px;
  --text-md:       14px;
  --text-sm:       13px;
  --text-xs:       12px;
  --text-response: 16px;
  --text-count:    20px;

  /* ── 间距 (8px基准) ── */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

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

  /* ── 阴影 ── */
  --shadow-tag:   0 1px 3px rgba(44,36,22,0.08), 0 1px 2px rgba(44,36,22,0.06);
  --shadow-card:  0 2px 8px rgba(44,36,22,0.10), 0 4px 16px rgba(44,36,22,0.06);
  --shadow-float: 0 8px 24px rgba(44,36,22,0.14), 0 2px 8px rgba(44,36,22,0.08);
  --shadow-glow:  0 0 20px rgba(255,154,60,0.3);

  /* ── 动效缓动 ── */
  --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-tear:   cubic-bezier(0.7, 0, 0.3, 1);
  --ease-fade:   cubic-bezier(0.4, 0, 0.6, 1);

  /* ── 动效时长 ── */
  --dur-instant: 100ms;
  --dur-fast:    200ms;
  --dur-normal:  400ms;
  --dur-slow:    600ms;
  --dur-ritual:  1000ms;
  --dur-ambient: 3000ms;

  /* ── 安全区 ── */
  --safe-top:    env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left:   env(safe-area-inset-left, 0px);
  --safe-right:  env(safe-area-inset-right, 0px);

  /* ── 布局 ── */
  --bottomnav-height: 56px;

  /* 撕痕 Logo / 引导（撕痕签名系统 v2） */
  --logo-z-deep:   #693C0F;
  --logo-cream:    #FDF8E4;
  --tear-guide-line: rgba(184, 173, 156, 0.5);
  --tear-sig-limit: 1s;

  /* 标签云便签 ↔ 撕纸卡标题：同一套字号，减轻飞入后跳变感 */
  --rip-note-text-size: clamp(17px, 4.8vw, 26px);
}