/* ============================================================
KidDaily Design Tokens v1.0
四层 Token 架构：A1-identity / A2-semantic / B-slot / C-extension
来源：index.html / points.html / calendar.html 三页原型 :root 全量并集
原则：保留全部现有色值（零视觉回归），仅新增 4 个 Token：
--coral-hover / --coral-active / --focus-ring / --danger
用法：页面 后，
各页面保留少量「遗留别名」映射（见文件末尾注释与 DESIGN.md §9）
============================================================ */
:root{
/* ==========================================================
A1 · Identity —— 品牌 DNA，变更需团队评审
========================================================== */
/* 表面 */
--bg:#FAF6F0; /* 页面暖米底 */
--card:#FFFFFF; /* 卡片底 */
--stage-bg:#EFE9E1; /* 舞台外衬底（body） */
/* 品牌主色（每屏可见使用 ≤2 处） */
--coral:#E4785A; /* 珊瑚橙 */
/* 文字主色 */
--ink:#2E2A26; /* 主文本（暖黑，非纯黑） */
/* 描边 */
--line:#F0EBE0; /* 卡片描边 */
/* 品牌字体 */
--font-cn:'Noto Sans SC','PingFang SC','Microsoft YaHei','Source Han Sans SC',sans-serif;
--font-num:'Outfit','Inter',var(--font-cn); /* 数字/时间/积分，配 tabular-nums */
/* 签名圆角与阴影 */
--radius-card:24px; /* 卡片/弹窗签名圆角 */
--shadow-card:0 6px 20px -6px rgba(158,125,94,.12);
/* ==========================================================
A2 · Semantic —— 语义色 / 状态 / 动效 / 圆角阶梯
========================================================== */
/* 主色派生 */
--coral-soft:#FBEDE6; /* 主色浅底（标签/高亮底） */
--coral-deep:#C4643F; /* 主色深（头像文字/强调文字） */
--coral-hover:#EF8867; /* 【新增】主按钮 hover */
--coral-active:#D06B4C; /* 【新增】主按钮 active/按下 */
/* 语义状态 */
--success:#3FBF7F; /* 完成/加分成功（原型 --done） */
--pending:#F5C158; /* 待办黄点 */
--pending-ink:#5C3D06; /* 待办黄底上的文字 */
--up:#4E9C63; /* 积分上涨绿 */
--danger:#D96A5A; /* 【新增】错误/危险（与 coral 同族偏红，不引入冷红） */
/* 可访问性 */
--focus-ring:0 0 0 3px rgba(228,120,90,.25); /* 【新增】:focus-visible 光环 */
/* 圆角阶梯（4px 网格） */
--radius-sm:12px; /* 输入框 / chip */
--radius-md:14px; /* dropzone / 列表行 */
--radius-lg:22px; /* 工具栏 */
--radius-xl:24px; /* = --radius-card */
--radius-logo:13px; /* logo 方块 */
--radius-pill:999px; /* 胶囊按钮 / 头像 / status-pill */
/* 阴影阶梯 */
--shadow-btn:0 4px 12px -3px rgba(228,120,90,.35);
--shadow-btn-hover:0 6px 16px -6px rgba(228,120,90,.6);
--shadow-modal:0 24px 60px -20px rgba(90,66,44,.35); /* 首页弹窗 */
--shadow-modal-soft:0 16px 48px -12px rgba(102,84,69,.18); /* 积分页弹窗 */
/* 动效（禁弹跳缓动，单动画 ≤500ms，支持 prefers-reduced-motion） */
--motion-fast:150ms; /* 即时反馈：按下/变色 */
--motion-base:180ms; /* 状态确认：hover/chip */
--motion-slow:280ms; /* 弹窗进入/toast */
--ease-standard:ease;
--ease-out-expo:cubic-bezier(.22,1,.36,1); /* 弹窗落位（非弹跳） */
/* ==========================================================
B · Slot —— 组件插槽层（文字层级 / 控件 / 遮罩）
========================================================== */
/* 文字层级 */
--ink-2:#4A443E; /* 次级标题 */
--ink-3:#5C544C; /* 三级强调文字 */
--muted:#9A9088; /* 副文本 */
--muted-2:#8A8078; /* 弱强调副文本 */
--label:#B0A498; /* 标签/轴标签 */
--faded:#CFC7BC; /* 最弱占位图形 */
--placeholder:#C3BAB0; /* 输入框 placeholder */
/* 控件 */
--line-soft:#E8E0D4; /* 次级描边 */
--field:#FAF7F2; /* 输入框/chip 浅底 */
--field-focus-border:#E4C4B4; /* 输入框 focus 描边（配合 --focus-ring） */
--field-focus-bg:#FFFDFA; /* 输入框 focus 底 */
--ghost-hover-border:#D8CEBE; /* ghost 按钮 hover 描边 */
--ghost-hover-bg:#FCFAF7; /* ghost 按钮 hover 底 */
--icon-btn-hover:#EFE8DE; /* 圆形图标按钮 hover（弹窗关闭等） */
--chip-hover:#F4EFE8; /* chip hover */
--chip-active-border:#6B9CD9; /* chip 选中描边（雾蓝） */
--check-border:#DCD3C6; /* 计划勾选框描边 */
--dropzone-border:#E4DBCE; /* 上传区虚线 */
--dropzone-hover-border:#D3C4B2;
--dropzone-hover-bg:#FBF7F1;
/* 遮罩与深色浮层 */
--mask-bg:rgba(46,42,38,.28); /* 弹窗遮罩（--ink 28%） */
--toast-bg:rgba(46,42,38,.9); /* 轻提示底（--ink 90%） */
--overlay-dark:rgba(46,42,38,.72); /* 图片上操作条底 */
--overlay-darker:rgba(46,42,38,.86);/* 图片上操作条 hover 底 */
/* 顶栏 */
--avatar-bg:#EFE7DC; /* 头像占位底 */
--status-dot:#E8B44A; /* 状态点暖黄（原型 --dot） */
/* ==========================================================
C · Extension —— 业务扩展色（数据可视化 / 信息砖 / 课程）
========================================================== */
/* 成长曲线四数据色（产品签名色） */
--data-blue:#6C9BD8; /* 身高 */
--data-orange:#E8A34A; /* 体重 */
--data-green:#6FA87A; /* 左眼视力 */
--data-pink:#DE7B9B; /* 右眼视力 */
/* 图表 */
--grid-strong:#E8E0D5;
--grid-soft:#F3EEE7;
--axis:#A89E94;
--dot-soft:#EFC4B4;
/* 宝贝档案四信息砖 */
--tile-age:#FDF1EB;
--tile-height:#EDF3FC;
--tile-weight:#FCF3E6;
--tile-eye:#EDF5EF;
/* 荣誉墙自定义滚动条 */
--scroll-track:#F3EEE7;
--scroll-thumb:#D8CFC4;
/* 积分页 */
--coral-label:#A9734F; /* 积分卡标签 */
--up-soft:#E8F3EC; /* 加分浅底 */
--down-soft:#FBEDE6; /* 扣分浅底（= --coral-soft，保留独立语义） */
--progress-track:#F3E7DE; /* 兑换进度条轨道 */
/* 日历 · 课程主题色 */
--course-green:#2E8F5F; --course-green-bg:#E7F6EE; --course-green-soft:#6FA87A;
--course-yellow-ink:#9A6B0C; --course-yellow-bg:#FDF1D6; --course-yellow-dot:#F5C158; --course-yellow-note:#B07A2A;
--course-blue:#3A6EA5; --course-blue-bg:#EDF3FC; --course-blue-soft:#7A96BC; --course-blue-bar:#6C9BD8;
--eng:#A9701F; --eng-bg:#FCF3E6; --eng-soft:#C4A175;
--sci:#7B6A58; --sci-bg:#F3EEE7; --sci-soft:#A7947C;
--pe:#4E9C63; --pe-bg:#EDF5EF; --pe-soft:#8DBF9B;
--music:#B3603F; --music-bg:#FDF1EB; --music-soft:#C99279;
--art:#6E5AA8; --art-bg:#EFEBF8; --art-soft:#9A8CC4;
/* 日历 · 粉系（周视图统计环/条） */
--pink:#DE7B9B; --pink-deep:#C05679; --pink-ink:#8E3F63;
--pink-bg:#FDF2F6; --pink-line:#F3D8E3; --pink-soft:#C0849C; --pink-num:#B0537A;
--ring-track:#F0E7DD;
--bar-track:#EDE5DA;
--time-faded:#C4BAB0;
/* 日历 · 页面特例 */
--cal-btn-hover:#DE6B4C; /* calendar 顶栏添加按钮 hover（深珊瑚） */
/* ==========================================================
遗留别名 —— 三页原型原变量名 → 四层 Token
冲突名按 index.html 语义取默认值；
points.html / calendar.html 在各自