/* 甜艺综合业务平台 · 设计令牌真源（工单 20261023046 / P0 起）
   下方 Radix 调色板保留给旧引用；语义变量以文件末尾的 --ty-* 块为准。
   历史上本文件是 packages/design-tokens 的拷贝；该上游已不参与，改动按本仓库工单评审。 */

/* Radix Colors — Slate (light) */
:root {
  --slate-1: #fcfcfd; --slate-2: #f9f9fb; --slate-3: #f0f0f3;
  --slate-4: #e8e8ec; --slate-5: #e0e1e6; --slate-6: #d9d9e0;
  --slate-7: #cdced6; --slate-8: #b9bbc6; --slate-9: #8b8d98;
  --slate-10: #80838d; --slate-11: #60646c; --slate-12: #1c2024;
}

/* Radix Colors — Green (light) */
:root {
  --green-1: #fbfefc; --green-2: #f4fbf6; --green-3: #e6f6ea;
  --green-4: #d6f1df; --green-5: #c4e8d1; --green-6: #adddc0;
  --green-7: #8eceaa; --green-8: #5bb98b; --green-9: #30a46c;
  --green-10: #2b9a66; --green-11: #218358; --green-12: #193b2d;
}

/* Radix Colors — Amber (light) */
:root {
  --amber-1: #fefdfb; --amber-2: #fefbf3; --amber-3: #fff7e6;
  --amber-4: #ffefd6; --amber-5: #ffe6c2; --amber-6: #fdd9a8;
  --amber-7: #f9c67a; --amber-8: #eeac4b; --amber-9: #e58e2b;
  --amber-10: #dc8426; --amber-11: #cb6717; --amber-12: #542f13;
}

/* Radix Colors — Red (light) */
:root {
  --red-1: #fffcfc; --red-2: #fff7f7; --red-3: #feefee;
  --red-4: #fee5e4; --red-5: #fdd6d4; --red-6: #f9c3c0;
  --red-7: #f3a7a2; --red-8: #eb847d; --red-9: #e5484d;
  --red-10: #dc3e42; --red-11: #ce2c31; --red-12: #5c1518;
}

/* Radix Colors — Blue (light) */
:root {
  --blue-1: #fbfdff; --blue-2: #f4faff; --blue-3: #e6f4fe;
  --blue-4: #d5efff; --blue-5: #c2e5ff; --blue-6: #acd8fc;
  --blue-7: #8ec8f8; --blue-8: #5eb1ef; --blue-9: #0091ff;
  --blue-10: #0084e8; --blue-11: #006cbb; --blue-12: #054581;
}

/* 全平台设计变量 —— 唯一真源（工单 20261023046 / P0）
   值来自 docs/design/ui-unification-proposal.html 第 02 节。
   上游 packages/design-tokens 已不再作为来源：本文件即当前真源，改动需按工单评审。
   颜色一律通过语义名引用，不在页面里写死色值。 */
:root {
  color-scheme: light;

  /* 表面 */
  --ty-background: #faf8f5;
  --ty-surface: #ffffff;
  --ty-sunken: #f2eee8;
  --ty-sunken-2: #ebe6de;
  --ty-line: #e4ded5;
  --ty-line-2: #d5cec3;

  /* 兼容旧名（sp/app.css 与 React tokens.css 仍在使用） */
  --ty-card: var(--ty-surface);
  --ty-card-foreground: #1a1a1c;
  --ty-muted: var(--ty-sunken);
  --ty-border: var(--ty-line);
  --ty-input: var(--ty-line-2);

  /* 墨色 */
  --ty-foreground: #1a1a1c;
  --ty-ink-2: #4a4744;
  --ty-ink-3: #6e6a64;
  --ty-muted-foreground: var(--ty-ink-3);

  /* 品牌（身份色：Logo / 页眉小标题 / 选中指示条） */
  --ty-brand: #9f1d20;
  --ty-brand-soft: #f8e9e8;

  /* 动作色（主按钮） */
  --ty-primary: #1c1c1e;
  --ty-primary-hover: #33302c;
  --ty-primary-active: #000000;
  --ty-primary-soft: var(--ty-sunken);
  --ty-primary-foreground: #ffffff;

  /* 语义色 */
  --ty-success: #14603f;
  --ty-success-soft: #e8f3ec;
  --ty-warning: #8a5300;
  --ty-warning-soft: #fbf1de;
  --ty-error: #b42318;
  --ty-error-soft: #fbe9e7;
  --ty-info: #1f5c99;
  --ty-info-soft: #e9f0f8;
  --ty-ring: var(--ty-brand);

  /* 形状 */
  --ty-radius-xs: 4px;
  --ty-radius-s: 6px;
  --ty-radius: var(--ty-radius-s);
  --ty-radius-m: 10px;
  --ty-radius-l: 14px;
  --ty-radius-pill: 999px;

  /* 阴影（暖调） */
  --ty-shadow-1: 0 1px 2px rgba(28, 24, 20, .05);
  --ty-shadow-2: 0 2px 8px rgba(28, 24, 20, .07), 0 1px 2px rgba(28, 24, 20, .04);
  --ty-shadow-3: 0 14px 40px rgba(28, 24, 20, .14), 0 2px 8px rgba(28, 24, 20, .06);

  /* 尺寸与排版 */
  --ty-control-height: 32px;
  --ty-control-height-sm: 28px;
  --ty-font: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --ty-font-size: 14px;
  --ty-line-height: 1.5;
}