/* ==========================================================================
   GPT68 · Tokens
   设计 token:CSS 变量、字体、断点。所有其他样式都基于这里的 token。
   ========================================================================== */

:root {
  /* ---------- Surfaces ---------- */
  --bg-base: #F8FAFC;
  --bg-card: #FFFFFF;
  --bg-tint: #F1F5F9;

  /* ---------- Gradient stops (Apple iOS 风格糖果色) ---------- */
  --grad-pink:     #FFC0D9;
  --grad-peach:    #FFCDA8;
  --grad-lavender: #C9B8FF;
  --grad-blue:     #A8C8FF;
  --grad-cyan:     #B5E4FF;
  --grad-mint:     #B8F0D4;

  /* ---------- Ink (文字层级) ---------- */
  --ink-1: #0F172A;
  --ink-2: #334155;
  --ink-3: #64748B;
  --ink-4: #94A3B8;
  --ink-5: #CBD5E1;

  /* ---------- Brand ---------- */
  --blue-500: #3B82F6;
  --blue-600: #2563EB;
  --blue-700: #1D4ED8;
  --blue-50:  #EFF6FF;
  --blue-100: #DBEAFE;

  --dark-pill:       #0F172A;
  --dark-pill-hover: #1E293B;

  /* ---------- Lines ---------- */
  --line-1: rgba(15, 23, 42, 0.06);
  --line-2: rgba(15, 23, 42, 0.10);
  --line-3: rgba(15, 23, 42, 0.16);

  /* ---------- Typography ---------- */
  --font-sans: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei",
               "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont,
               "Noto Sans SC", system-ui, sans-serif;

  /* ---------- Layout ---------- */
  --shell: 1200px;          /* 主容器最大宽度,被 .shell 等使用 */

  /* ---------- Radii ---------- */
  --radius-xl: 24px;
  --radius-lg: 18px;
  --radius-md: 12px;
  --radius-sm: 8px;
  --radius-xs: 6px;

  /* ---------- Shadows ---------- */
  --shadow-xs:  0 1px 2px rgba(15, 23, 42, 0.04);
  --shadow-sm:  0 2px 8px rgba(15, 23, 42, 0.05), 0 1px 2px rgba(15, 23, 42, 0.04);
  --shadow-md:  0 8px 24px -8px rgba(15, 23, 42, 0.10), 0 2px 6px rgba(15, 23, 42, 0.04);
  --shadow-lg:  0 20px 40px -16px rgba(15, 23, 42, 0.12), 0 4px 12px rgba(15, 23, 42, 0.05);
  --shadow-pop: 0 24px 50px -12px rgba(59, 130, 246, 0.18), 0 8px 16px -4px rgba(15, 23, 42, 0.06);
  --shadow-btn: 0 4px 12px -2px rgba(59, 130, 246, 0.35);

  /* ---------- 触控热区 (Apple HIG / Material 都要求 ≥44px) ---------- */
  --touch-target: 44px;

  /* ---------- 安全区 (iPhone 刘海 / 底部 home indicator) ---------- */
  --safe-top:    env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left:   env(safe-area-inset-left, 0px);
  --safe-right:  env(safe-area-inset-right, 0px);
}

/*
 * 断点参考(@media 中不能用变量,以下为约定):
 *   sm: 480px   - 手机
 *   md: 768px   - 平板
 *   lg: 1024px  - 笔电
 *   xl: 1280px  - 桌面大屏(暂未使用)
 */