/* 设计令牌 —— 全部取自 genspicy.ai 线上 CSS 的 primitive / theme 两层变量 */
:root {
  /* 主色阶：hue 330 粉 */
  --pink-01: #f50c7f;
  --pink-02: #f5258b;
  --pink-03: #f53d98;
  --pink-04: #f556a4;
  --pink-05: #f56eb1;
  --pink-06: #f587be;
  --pink-07: #f59fca;
  --pink-08: #f5b8d6;
  --pink-04-rgb: 245 86 164;

  /* 辅助紫 */
  --purple-04: #da56f5;
  --purple-05: #de6ef5;

  /* 中性阶 */
  --n01: #fff;
  --n02: #f2f2f2;
  --n03: #e5e5e5;
  --n04: #d9d9d9;
  --n05: #ccc;
  --n06: #b3b3b3;
  --n07: #999;
  --n08: #666;
  --n09: #333;

  /* 语义层 */
  --bg-page: #0a0809;
  --bg-surface: #121212;
  --bg-surface-muted: hsla(0, 0%, 100%, 0.08);
  --bg-overlay: rgba(0, 0, 0, 0.55);
  --border: hsla(0, 0%, 100%, 0.12);
  --border-strong: hsla(0, 0%, 100%, 0.24);
  --text: var(--n01);
  --text-2: var(--n03);
  --text-muted: var(--n06);
  --text-on-primary: var(--n01);
  --primary: var(--pink-04);
  --primary-hover: var(--pink-03);
  --primary-active: var(--pink-02);
  --secondary: var(--purple-05);
  --shadow: rgba(0, 0, 0, 0.24);
  --hover-overlay: rgb(255 255 255 / 4%);

  /* 形状与节奏 */
  --r-card: 16px;
  --r-pill: 999px;
  --r-input: 12px;
  --gap: 16px;
  --header-h: 60px;
  --font: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}