/* ============================================================
   缘时 · 星夜琉璃 Design Tokens
   v1.0 — iOS 26 Liquid Glass / 深夜星空 / 玫瑰金缘分主色
   所有屏幕必须只通过这些变量取色，禁止硬编码颜色。
   ============================================================ */
:root {
  /* ---- 底色（深夜星空） ---- */
  --bg-0: #07090F;            /* 最深背景 / 桌面衬底 */
  --bg-1: #0C0F1E;            /* 屏幕主背景 */
  --bg-2: #151A30;            /* 浮起层 / 卡片底 */
  --bg-3: #1E2440;            /* 更高浮起层 */

  /* ---- 文字 ---- */
  --ink-1: #F4F2FF;                       /* 主文字 */
  --ink-2: rgba(244, 242, 255, 0.64);     /* 次级文字 */
  --ink-3: rgba(244, 242, 255, 0.40);     /* 弱化文字 / 占位 */
  --ink-4: rgba(244, 242, 255, 0.22);     /* 极弱 / 分隔符号 */

  /* ---- 品牌色 ---- */
  --rose: #FF5E7E;            /* 缘分玫瑰（主） */
  --peach: #FF9E6B;           /* 暖橘（主渐变收尾） */
  --violet: #8F7CFF;          /* 薰衣草紫（辅，陌生人模式/AI） */
  --blue: #5EA8FF;            /* 星光蓝（辅渐变收尾） */
  --teal: #4EE0C2;            /* 月光青（成功/安全） */
  --gold: #FFD37A;            /* 流金（勋章/见证高光） */
  --red: #FF4D5E;             /* 危险 / 销毁 */

  /* ---- 渐变 ---- */
  --grad-fate: linear-gradient(135deg, #FF5E7E 0%, #FF9E6B 100%);     /* 缘分主渐变：主按钮/高引力 */
  --grad-violet: linear-gradient(135deg, #8F7CFF 0%, #5EA8FF 100%);   /* 紫蓝渐变：陌生人/AI */
  --grad-teal: linear-gradient(135deg, #34C9A3 0%, #5EE0D0 100%);     /* 青色渐变：安全/成功 */
  --grad-gold: linear-gradient(135deg, #FFC25C 0%, #FFE3A0 100%);     /* 金色渐变：见证/勋章 */
  --grad-text: linear-gradient(100deg, #FF7E9A 0%, #FFB98A 55%, #C9B6FF 100%); /* 标题渐变文字 */

  /* ---- Liquid Glass 玻璃 ---- */
  --glass-bg: rgba(255, 255, 255, 0.055);
  --glass-bg-strong: rgba(255, 255, 255, 0.09);
  --glass-stroke: rgba(255, 255, 255, 0.12);
  --glass-stroke-bright: rgba(255, 255, 255, 0.22);
  --glass-blur: 28px;
  --glass-highlight: linear-gradient(115deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0) 32%); /* 顶部斜向高光 */

  /* ---- 引力等级 ---- */
  --gravity-high: var(--grad-fate);
  --gravity-mid:  var(--grad-violet);
  --gravity-low:  var(--grad-teal);

  /* ---- 圆角（iOS 26 同心圆角体系） ---- */
  --r-xl: 32px;               /* 全屏卡 / 弹层 */
  --r-lg: 24px;               /* 主卡片 */
  --r-md: 18px;               /* 次级卡片 / 输入框 */
  --r-sm: 12px;               /* 小元素 */
  --r-pill: 999px;            /* 胶囊 */

  /* ---- 间距 ---- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-7: 32px; --sp-8: 40px;
  --page-x: 20px;             /* 页面左右安全边距 */

  /* ---- 字体 ---- */
  --font: -apple-system, "SF Pro Display", "SF Pro Text", "PingFang SC",
          "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --font-num: "SF Pro Rounded", -apple-system, "PingFang SC", sans-serif; /* 倒计时/密钥等数字 */

  /* ---- 阴影与光晕 ---- */
  --shadow-card: 0 18px 44px rgba(0, 0, 0, 0.42);
  --shadow-float: 0 10px 30px rgba(0, 0, 0, 0.5);
  --glow-rose: 0 0 36px rgba(255, 94, 126, 0.38);
  --glow-violet: 0 0 36px rgba(143, 124, 255, 0.36);
  --glow-teal: 0 0 32px rgba(78, 224, 194, 0.30);
  --glow-gold: 0 0 40px rgba(255, 211, 122, 0.40);

  /* ---- 结构尺寸 ---- */
  --phone-w: 393px;
  --phone-h: 852px;
  --statusbar-h: 54px;
  --tabbar-h: 64px;           /* 悬浮胶囊高度 */
  --tabbar-gap: 24px;         /* 胶囊距底部 */
}