/* ===== CSS Variables — Healing Nature Minimalist Theme ===== */
:root {
  /* Background */
  --bg-primary:    #FAF8F4;   /* 奶油白 */
  --bg-secondary:  #F3F1EC;   /* 微灰奶白 */
  --bg-card:       #FFFFFF;   /* 纯白卡片 */
  --bg-elevated:   #FDFCFA;   /* 最高层级白 */

  /* Text */
  --text-primary:   #3C3C3C;  /* 深炭灰 */
  --text-secondary: #7A7874;  /* 中灰 */
  --text-tertiary:  #A8A59E;  /* 浅灰 */
  --text-muted:     #CECBC4;  /* 极浅灰 */

  /* Border */
  --border:         #E2DFD5;  /* 暖沙色边框 */
  --border-light:   #EEECE4;  /* 极浅边框 */

  /* Accent: Sage Green (主强调色) */
  --accent:         #8BBF8F;  /* 鼠尾草绿 */
  --accent-soft:    rgba(139, 191, 143, 0.10);
  --accent-glow:    rgba(139, 191, 143, 0.22);

  /* Accent: Steel Blue (辅强调色) */
  --accent-blue:        #5A7A92;
  --accent-blue-soft:   rgba(90, 122, 146, 0.08);
  --accent-blue-glow:   rgba(90, 122, 146, 0.18);

  /* Semantic */
  --success:        #8BBF8F;
  --error:          #D4958A;  /* 柔和珊瑚红 */
  --warning:        #C9B36A;  /* 柔和金 */

  /* Confidence colors */
  --confidence-high:   #8BBF8F;
  --confidence-mid:    #C9B36A;
  --confidence-low:    #D4958A;

  /* Layout */
  --app-max-width:     430px;
  --tab-bar-height:    68px;
  --safe-bottom:       env(safe-area-inset-bottom, 0px);
  --safe-top:          env(safe-area-inset-top, 0px);

  /* Radius */
  --radius-sm:     8px;
  --radius-md:     12px;
  --radius-lg:     16px;
  --radius-xl:     20px;
  --radius-full:   9999px;

  /* Shadows (更轻、更柔) */
  --shadow-sm:      0 1px 3px rgba(60, 55, 45, 0.04);
  --shadow-md:      0 4px 16px rgba(60, 55, 45, 0.05);
  --shadow-lg:      0 8px 32px rgba(60, 55, 45, 0.07);
  --shadow-glow:    0 0 24px var(--accent-glow);

  /* Transitions */
  --transition-fast:   0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow:   0.4s cubic-bezier(0.4, 0, 0.2, 1);

  /* Z-index */
  --z-tab-bar:     100;
  --z-overlay:     200;
  --z-modal:       300;
  --z-guide:       350; /* 引导蒙层：modal 之上、toast 之下 */
  --z-toast:       400;

  /* ---- 手绘插画专用 ---- */
  --ink:           #3C3C3C;
  --ink-light:     #7A7874;
  --ink-wash:      #CECBC4;
  --wash-green:    rgba(139, 191, 143, 0.12);
  --wash-blue:     rgba(90, 122, 146, 0.08);
  --wash-warm:     rgba(201, 179, 106, 0.10);
}