/* 心智花园 · 设计令牌
 * 来源：《心智花园 视觉风格与资源规范 V1.0》§5 色彩 / §6 字体 / §7 布局
 * 区分：氛围色（插画，可明暗变化）/ 产品色（文字按钮图标，固定 token）/ 数据色（含义固定）
 */

:root {
  color-scheme: light;

  /* ── §5.2 核心 Token ───────────────────────────── */
  --paper-canvas: #F8E7CA;        /* 主画布：功能页底色、弹层底色 */
  --paper-surface: #F4DDBE;       /* 卡片纸：卡片、资源条、底部导航 */
  --paper-surface-high: #FFF4DC;  /* 高亮纸：重要卡片和输入区域 */
  --paper-border: #D9BE92;        /* 纸张边缘：细边框、分隔线、未激活进度 */

  --ink-primary: #3F3855;         /* 深梅紫墨色：标题、正文首选 */
  --ink-secondary: #66584A;       /* 暖灰褐：次要说明、图标、时间 */
  --ink-disabled: #958874;        /* 弱信息：禁用文字，不用于正文 */

  --plum-primary: #5B496D;        /* 灰紫主色：今日任务、训练进度、紫色主按钮 */
  --plum-soft: #8A789B;
  --moss-primary: #355B3F;        /* 深苔藓绿：花园主操作、成功、当前导航 */
  --moss-soft: #5C6F50;
  --terracotta-primary: #A94F3D;  /* 珊瑚陶土红：首页核心 CTA */
  --gold-primary: #D6A13A;        /* 星光金：奖励、星点；不承载正文 */
  --ocean-primary: #4B778A;       /* 海岛蓝：探索、信息状态 */
  --sky-dusk: #9B7E92;
  --danger-primary: #8F3E3C;      /* 风险红：删除、不可逆操作 */

  /* 夜色花园氛围色（芽芽规范 §7 首页色彩关系） */
  --night-sky: #302856;
  --night-plum: #51406F;
  --cloud-dusk: #9C7190;
  --garden-moss: #456B3B;
  --moonlight: #E8B75E;

  /* 芽芽标准色（芽芽角色标准 §3） */
  --yaya-body: #F3E1A2;
  --yaya-leaf-light: #769B45;
  --yaya-leaf-dark: #456B3B;
  --yaya-face: #3B3028;
  --yaya-blush: #E7A07D;

  /* 七方向模块色（数据色：含义固定，不随装饰改变） */
  --dir-memory: #5B496D;
  --dir-speed: #A94F3D;
  --dir-attention: #4B778A;
  --dir-flex: #8A5A7A;
  --dir-problem: #355B3F;
  --dir-vocab: #7A6A3F;
  --dir-math: #4A5F82;

  /* ── §6.2 字号阶梯（逻辑像素）─────────────────── */
  --fs-display: 36px;   --lh-display: 44px;
  --fs-h1: 30px;        --lh-h1: 39px;
  --fs-h2: 24px;        --lh-h2: 32px;
  --fs-title: 20px;     --lh-title: 28px;
  --fs-body-lg: 18px;   --lh-body-lg: 28px;
  --fs-body: 16px;      --lh-body: 24px;
  --fs-label: 14px;     --lh-label: 20px;
  --fs-caption: 12px;   --lh-caption: 18px;

  /* 字号放大档（设置页可调，不禁止系统缩放） */
  --font-scale: 1;

  /* ── §7.2 间距 Token ──────────────────────────── */
  --sp-2: 2px;  --sp-4: 4px;  --sp-8: 8px;  --sp-12: 12px; --sp-16: 16px;
  --sp-20: 20px; --sp-24: 24px; --sp-32: 32px; --sp-40: 40px; --sp-48: 48px;

  /* ── §7.3 圆角 Token ──────────────────────────── */
  --r-small: 12px;
  --r-medium: 18px;
  --r-large: 24px;
  --r-xlarge: 28px;
  --r-pill: 999px;

  /* ── §7.4 阴影 ────────────────────────────────── */
  --shadow-sm: 0 2px 8px rgba(77, 64, 51, 0.12);
  --shadow-md: 0 6px 18px rgba(45, 37, 48, 0.14);

  /* ── 组件尺寸 ─────────────────────────────────── */
  --btn-primary-h: 56px;   /* §8.1 主按钮高度 56，最低 52 */
  --btn-secondary-h: 48px; /* §8.2 次按钮 48 */
  --tap-min: 44px;         /* 最小点击热区 44×44 */
  --nav-h: 72px;           /* §8.6 底部导航内容区 72-80 */
  --page-pad: 20px;        /* §7.1 页面左右安全边距 20，紧凑 16 */
  --content-max: 560px;    /* §7.1 手机端主内容最大宽度 */

  /* ── 动效（§12.2）───────────────────────────── */
  --dur-fast: 180ms;
  --dur-base: 280ms;
  --dur-slow: 600ms;
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
}

/* ── §5.5 高对比模式覆盖值 ──────────────────────── */
:root[data-contrast="high"] {
  --paper-canvas: #FFF8E8;
  --paper-surface: #FFF8E8;
  --paper-surface-high: #FFFFFF;
  --ink-primary: #241D2E;
  --ink-secondary: #493E35;
  --ink-disabled: #6B5C49;
  --paper-border: #6B5C49;
  --moss-primary: #214C30;
  --plum-primary: #443454;
  --terracotta-primary: #87392E;
  --gold-primary: #8A6417;
  --ocean-primary: #2E5566;
}

/* ── 字号档（设置页）────────────────────────────── */
:root[data-fontsize="large"] { --font-scale: 1.15; }
:root[data-fontsize="xlarge"] { --font-scale: 1.3; }

/* ── §12.4 低动效模式 ───────────────────────────── */
:root[data-motion="low"] {
  --dur-fast: 1ms;
  --dur-base: 1ms;
  --dur-slow: 1ms;
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 1ms;
    --dur-base: 1ms;
    --dur-slow: 1ms;
  }
}