/* 设计变量：与小程序 app.wxss 保持同一套配色（暖紫 + 暖杏）。
   全站颜色只在这里定义：改版换配色时修改本文件即可（带透明度的颜色使用 -rgb 通道变量）。 */
:root {
  --primary: #6B4FA0;
  --primary-dark: #4A3478;
  --primary-bright: #8466BE;
  --primary-light: #F1ECF8;
  --accent: #E8A25C;
  --accent-mid: #C27A35;
  --accent-dark: #9A5A1C;
  --accent-light: #FCF0E2;

  /* 衍生色：深色、浅底、文字辅助色 */
  --primary-deepest: #3A2762;
  --primary-wash: #F4F0F9;
  --primary-wash-2: #EFE9F6;
  --primary-wash-3: #E9E0F5;
  --accent-pale: #FFDDB6;
  --accent-wash: #FFF6EC;
  --accent-wash-2: #FCEFE0;
  --accent-text: #A8774A;
  --rose-wash: #F8EEF3;
  --text-4: #BDB5C8;

  /* 透明度用的 RGB 通道，写法：rgba(var(--primary-rgb), 0.2) */
  --primary-rgb: 107, 79, 160;
  --primary-dark-rgb: 74, 52, 120;
  --primary-bright-rgb: 132, 102, 190;
  --accent-rgb: 232, 162, 92;
  --ink-rgb: 36, 31, 46;
  --ink-deep-rgb: 26, 18, 46;

  --bg: #F7F5F9;
  --surface: #ffffff;
  --text: #241F2E;
  --text-2: #5A5266;
  --text-3: #8F879B;
  --line: #ECE7F2;
  --muted-bg: #F1EEF5;

  --radius-s: 10px;
  --radius-m: 16px;
  --radius-l: 24px;
  --shadow-card: 0 6px 20px rgba(var(--primary-dark-rgb), 0.07);
  --shadow-hover: 0 10px 28px rgba(var(--primary-dark-rgb), 0.13);

  --container: 1120px;
  --gutter: 20px;
  --header-h: 64px;

  /* 面向中老年人和家属：正文不小于 17px，可点击区不小于 44px */
  --fs-body: 17px;
  --fs-small: 15px;
  --fs-title: 20px;
  --tap: 44px;

  --font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
}

@media (min-width: 1024px) {
  :root {
    --gutter: 32px;
    --header-h: 72px;
    --fs-body: 18px;
  }
}