/* 与 site/tokens.css 同源，改色只改这里并同步拷贝 */

/* 字体文件到位后启用（任务 6.4）：
@font-face {
  font-family: "LXGW WenKai";
  src: url("./assets/fonts/lxgw-wenkai-subset.woff2") format("woff2");
  font-display: swap;
}
*/

:root {
  /* 颜色 */
  --tt-bg: #FBF5EA;
  --tt-bg-collapsed: #F3E8D3;
  --tt-surface: #FFFDF8;
  --tt-surface-2: #F6EDDD;
  --tt-primary: #E8935A;
  --tt-primary-hover: #DD8046;
  --tt-primary-soft: #FBE0C7;
  --tt-primary-strong: #B25E23;
  --tt-on-primary: #4A2A10;
  --tt-mint: #8FCBB9;
  --tt-mint-soft: #DDF0E9;
  --tt-pink: #F2B8C6;
  --tt-pink-soft: #FBE4EA;
  --tt-pink-strong: #A2526B;
  --tt-text: #4A3F35;
  --tt-text-2: #8A7B6B;
  --tt-text-3: #B0A08C;
  --tt-border: #EBDFCB;
  --tt-danger: #C65D4F;
  --tt-danger-soft: #F7DEDA;
  --tt-warning: #B07A1F;
  --tt-warning-soft: #F6E7C6;
  --tt-success: #5F9163;
  --tt-overlay: rgba(74, 53, 32, 0.45);

  /* 圆角 */
  --tt-radius-s: 8px;
  --tt-radius-m: 12px;
  --tt-radius-l: 16px;
  --tt-radius-xl: 20px;
  --tt-radius-full: 999px;

  /* 阴影 */
  --tt-shadow-1: 0 1px 3px rgba(120, 90, 50, .08);
  --tt-shadow-2: 0 4px 14px rgba(120, 90, 50, .12);
  --tt-shadow-3: 0 8px 28px rgba(120, 90, 50, .16);
  --tt-shadow-inset: inset 0 0 0 2px var(--tt-mint);

  /* 间距 */
  --tt-space-1: 4px;
  --tt-space-2: 8px;
  --tt-space-3: 12px;
  --tt-space-4: 16px;
  --tt-space-5: 20px;
  --tt-space-6: 24px;
  --tt-space-8: 32px;

  /* 字号 */
  --tt-fs-xs: 11px;
  --tt-fs-sm: 12px;
  --tt-fs-md: 13px;
  --tt-fs-lg: 14px;
  --tt-fs-xl: 16px;
  --tt-fs-2xl: 20px;

  /* 字体 */
  --tt-font-display: "LXGW WenKai", "Segoe UI", "Microsoft YaHei", sans-serif;
  --tt-font-body: "Segoe UI", "Microsoft YaHei", sans-serif;

  /* 动效 */
  --tt-dur-fast: 150ms;
  --tt-dur: 220ms;
  --tt-dur-slow: 320ms;
  --tt-ease-out: cubic-bezier(.22, 1, .36, 1);
  --tt-ease-spring: cubic-bezier(.34, 1.56, .64, 1);

  /* 插画插槽（占位 SVG，art 到货后仅改扩展名为 .png） */
  --tt-img-idle: url("./assets/hamster/hamster-idle.png");
  --tt-img-open: url("./assets/hamster/hamster-open.png");
  --tt-img-seed: url("./assets/hamster/hamster-seed.png");
  --tt-img-empty: url("./assets/hamster/hamster-empty.png");
  --tt-img-search: url("./assets/hamster/hamster-search.png");
  --tt-img-wheel: url("./assets/hamster/hamster-wheel.png");
  --tt-img-sleep: url("./assets/hamster/hamster-sleep.png");
  --tt-img-celebrate: url("./assets/hamster/hamster-celebrate.png");
  --tt-img-error: url("./assets/hamster/hamster-error.png");
  --tt-img-hero: url("./assets/hamster/hamster-hero.png");
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}