/* 设计令牌 · 唯一来源
   暮色糖果风：深紫底 + 樱粉 + 薰衣草 + 薄荷
   分层靠「柔和填充 + 环境投影」，不靠 1px 描边 */
:root {
  /* 底色与卡片 */
  --bg: #1E1630;
  --bg-2: #251B3A;
  --bg-3: #171026;
  --card: #2E2247;
  --card-hi: #392A56;
  --fill: rgba(255, 255, 255, .055);
  --fill-2: rgba(255, 255, 255, .09);
  --line: rgba(255, 255, 255, .10);
  --line-hi: rgba(255, 255, 255, .16);

  /* 文字（深底三级，均 >= 4.5:1） */
  --text: #FFF4F8;
  --text-body: #DCCFE8;
  --text-muted: #AE9FC4;

  /* 品牌 */
  --brand: #FF9FC4;
  --brand-2: #FFC4DB;
  --brand-ink: #4A1E33;
  --lav: #B9A6FF;
  --mint: #A6E7C9;
  --butter: #FFD79A;

  /* 状态 */
  --ok: #A6E7C9;
  --ok-surface: rgba(166, 231, 201, .15);
  --warn-surface: rgba(255, 215, 154, .10);
  --warn-text: #F3E0C0;
  --warn-line: rgba(255, 215, 154, .28);

  /* 投影：唯一的分层手段 */
  --sh-sm: 0 6px 18px rgba(11, 6, 20, .28);
  --sh-md: 0 14px 32px rgba(11, 6, 20, .34);
  --sh-lg: 0 24px 56px rgba(11, 6, 20, .42);
  --sh-pink: 0 14px 34px rgba(255, 143, 187, .22);

  /* 字号 */
  --fs-display: 60px;
  --fs-h1: 42px;
  --fs-h2: 38px;
  --fs-h3: 26px;
  --fs-h4: 20px;
  --fs-lead: 19px;
  --fs-body: 16px;
  --fs-sm: 14px;
  --fs-xs: 13px;
  --fs-label: 12px;

  --lh-title: 1.32;
  --lh-body: 1.8;

  /* 间距 */
  --sp-1: 8px;
  --sp-2: 12px;
  --sp-3: 16px;
  --sp-4: 24px;
  --sp-5: 32px;
  --sp-6: 48px;
  --sp-7: 64px;
  --sp-8: 96px;

  /* 宽度只有两档 */
  --w-container: 1280px;
  --w-prose: 760px;

  /* 圆角：大而软 */
  --r-card: 22px;
  --r-sm: 14px;
  --r-btn: 999px;
  --r-pill: 999px;

  --font-cn: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --font-pixel: "Pixelify Sans", ui-monospace, "Courier New", monospace;
}

@media (max-width: 900px) {
  :root {
    --fs-display: 38px;
    --fs-h1: 30px;
    --fs-h2: 26px;
    --fs-h3: 21px;
    --fs-lead: 17px;
    --sp-8: 64px;
    --sp-7: 44px;
    --sp-6: 32px;
  }
}