/* mamiprinter-web · Design Tokens · v3 Polaroid Sunday Morning
 * 奶油暖白 + 暖桃 + 鼠尾草绿 + 焦糖
 * 宝妈友好:温暖 / 清新 / 圆润 / 大触控
 */

:root {
  /* ── 背景:奶油 4 级 + 纸白 ── */
  --cream:     #FBF7F2;   /* 主底 - 奶油暖白 */
  --cream-2:   #F5EDE2;   /* section / 二级 */
  --cream-3:   #EDE2D2;   /* chip / disabled bg */
  --paper:     #FFFFFF;   /* 卡片 / Polaroid 白 */
  --line:      rgba(44, 37, 25, 0.06);   /* hairline */
  --line-2:    rgba(44, 37, 25, 0.10);   /* 强一点 */

  /* ── 主色:暖桃 ── */
  --peach:       #E89B7C;   /* 装饰 / 背景 / icon — 不直接承载长文字 */
  --peach-hi:    #F0B294;
  --peach-deep:  #D4825C;   /* 加深 hover / 按压 */
  --peach-soft:  #FAE6DC;   /* 块底 */
  --peach-line:  rgba(232, 155, 124, 0.22);
  --peach-glow:  rgba(232, 155, 124, 0.28);
  --peach-aa:    #A24A26;   /* 文字承载专用 — 在 cream 上 ≈ 5.3:1,过 WCAG AA(2026-05-17 codex contrast 修法)*/

  /* ── 辅色:自然系 ── */
  --sage:        #A8B89B;   /* 装饰 / 背景 / 完成态 icon — 不直接承载长文字 */
  --sage-soft:   #E5EDE0;   /* 浅鼠尾草底 */
  --sage-deep:   #8AA180;
  --sage-aa:     #5F7250;   /* 文字承载专用 — 在 cream 上 ≈ 4.8:1,过 WCAG AA(2026-05-17 codex contrast 修法)*/
  --caramel:     #D4A574;   /* 焦糖棕 — 关键数字 */
  --caramel-deep: #B68455;

  /* ── 文字:暖深棕 3 级 ── */
  --ink:        #2C2519;   /* 主文字 - 深暖棕,非纯黑 */
  --ink-soft:   #6B5F4E;   /* 副 */
  --ink-faint:  #A89C8A;   /* 弱 / placeholder */
  --ink-light:  #C9BEAE;   /* 极弱 */

  /* ── 字体 ── */
  --font-display: 'Fraunces', 'Cormorant Garamond', Georgia, serif;
  --font-body:    system-ui, -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif;  /* Plus Jakarta Sans → system-ui(Sprint 1 字体本地化) */

  /* ── 间距:8px 网格 ── */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-8: 32px;
  --s-10: 40px;
  --s-12: 48px;
  --s-16: 64px;
  --s-20: 80px;
  --s-24: 96px;

  /* ── 圆角:大圆角更柔和 ── */
  --r-sm: 10px;
  --r:    16px;
  --r-lg: 24px;
  --r-xl: 32px;
  --r-pill: 999px;

  /* ── 触控目标:老人/宝妈友好,标准 56px ── */
  --touch: 56px;
  --touch-lg: 72px;

  /* ── 阴影:柔软 + 暖桃色调 ── */
  --shadow-sm: 0 2px 8px -2px rgba(196, 142, 110, 0.15);
  --shadow:    0 8px 24px -8px rgba(196, 142, 110, 0.2);
  --shadow-lg: 0 16px 40px -12px rgba(196, 142, 110, 0.25);
  --shadow-cta: 0 12px 32px -8px rgba(232, 155, 124, 0.4);

  /* ── 动效 ── */
  --ease:        cubic-bezier(0.4, 0.0, 0.2, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* ── 容器宽度 ── */
  --max-w: 480px;
}