/**
 * Vireos 公共设计令牌（Cinematic Noir / 流媒体 H5）
 * 与 design-system.md 一致；供 public 下各 HTML 引用。
 */
:root {
  /* 背景层级 */
  --vr-bg-deep: #0a0b14;
  --vr-bg-base: #080a12;
  --vr-bg-elevated: #12141d;

  /* 品牌色 */
  --vr-primary: #8b5cf6;
  --vr-primary-hover: #7c3aed;
  --vr-cta-fill: #c5b0ff;
  --vr-cta-fill-hover: #d4bcff;
  --vr-cta-ink: #2d0066;
  --vr-secondary: #f59e0b;
  --vr-tertiary: #10b981;

  /* 渐变（Install / 强调按钮） */
  --vr-gradient-brand: linear-gradient(90deg, #a855f7 0%, #7c3aed 100%);
  --vr-gradient-hero: linear-gradient(180deg, #0f172a 0%, #080a12 38%, #050810 100%);

  /* 文字 */
  --vr-text-primary: #f8fafc;
  --vr-text-body: #cbd5e1;
  --vr-text-muted: #94a3b8;

  /* 边线与光晕 */
  --vr-border-subtle: rgba(255, 255, 255, 0.08);
  --vr-glow-primary: 0 0 28px rgba(139, 92, 246, 0.28);
  --vr-glow-cta: 0 12px 40px rgba(197, 176, 255, 0.22);

  /* 圆角 */
  --vr-radius-sm: 8px;
  --vr-radius-md: 12px;
  --vr-radius-lg: 16px;

  /* 字体栈（需配合 Google Fonts 链接） */
  --vr-font-display: "Epilogue", system-ui, sans-serif;
  --vr-font-body: "Be Vietnam Pro", system-ui, sans-serif;
}