/**
 * Vireos 公共设计令牌（Orbital Slate / 深色模式）
 * 与 public/docs/design-system.md 保持一致；供 Next App 与 public 静态页引用。
 */
:root {
  /* Orbital Slate 核心变量（新规范命名） */
  --vrs-bg: #06090d;
  --vrs-surface-low: #0b1117;
  --vrs-surface: #111820;
  --vrs-surface-high: #18222c;
  --vrs-text-primary: #edf3f4;
  --vrs-text-secondary: #8d9aa0;
  --vrs-accent: #89a7b1;
  --vrs-logo-orange: #ffb22f;
  --vrs-logo-coral: #ff5528;
  --vrs-logo-pink: #ff0f96;
  --vrs-logo-plum: #9e007a;
  --vrs-logo-red: var(--vrs-logo-coral);
  --vrs-logo-gradient: linear-gradient(90deg, #ffb22f 0%, #ff5528 33%, #ff0f96 67%, #9e007a 100%);
  --vrs-logo-gradient-soft: linear-gradient(90deg, rgba(255, 178, 47, 0.18) 0%, rgba(255, 85, 40, 0.18) 33%, rgba(255, 15, 150, 0.18) 67%, rgba(158, 0, 122, 0.18) 100%);
  --vrs-outline: #26313a;
  --vrs-scrim: rgba(0, 0, 0, 0.64);
  --vrs-error: #e26d6d;
  --vrs-warning: #c6a15b;
  --vrs-success: #7faf9b;
  --vrs-info: #89a7b1;
  --vrs-radius-xs: 4px;
  --vrs-radius-sm: 8px;
  --vrs-radius-md: 12px;
  --vrs-radius-full: 999px;
  --vrs-shadow-logo-glow: 0 0 24px rgba(255, 85, 40, 0.28), 0 0 32px rgba(255, 15, 150, 0.18);
  --vrs-shadow-float: 0 12px 32px rgba(0, 0, 0, 0.36);
  --vrs-motion-fast: 120ms;
  --vrs-motion-normal: 180ms;
  --vrs-motion-slow: 260ms;
  --vrs-ease-enter: cubic-bezier(0.2, 0, 0, 1);
  --vrs-ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --vrs-ease-standard: cubic-bezier(0.2, 0, 0.2, 1);
  --vrs-font-sans: "Geist", "Geist Sans", Inter, Roboto, "Noto Sans", sans-serif;

  /* 旧 --vr-* 名称兼容层：现有页面逐步迁移前继续可用 */
  --vr-bg-deep: var(--vrs-bg);
  --vr-bg-base: var(--vrs-bg);
  --vr-bg-elevated: var(--vrs-surface);
  --vr-surface: var(--vrs-surface);
  --vr-surface-high: var(--vrs-surface-high);

  --vr-primary: var(--vrs-accent);
  --vr-primary-hover: #9bb5be;
  --vr-cta-fill: var(--vrs-accent);
  --vr-cta-fill-hover: #9bb5be;
  --vr-cta-ink: var(--vrs-bg);
  --vr-secondary: var(--vrs-warning);
  --vr-tertiary: var(--vrs-success);

  --vr-logo-orange: var(--vrs-logo-orange);
  --vr-logo-coral: var(--vrs-logo-coral);
  --vr-logo-pink: var(--vrs-logo-pink);
  --vr-logo-plum: var(--vrs-logo-plum);
  --vr-logo-red: var(--vrs-logo-coral);
  --vr-gradient-brand: var(--vrs-logo-gradient);
  --vr-gradient-action: var(--vrs-logo-gradient);
  --vr-gradient-action-soft: var(--vrs-logo-gradient-soft);
  --vr-gradient-hero: linear-gradient(180deg, #06090d 0%, #06090d 48%, #030507 100%);

  --vr-text-primary: var(--vrs-text-primary);
  --vr-text-body: var(--vrs-text-primary);
  --vr-text-muted: var(--vrs-text-secondary);

  --vr-border-subtle: var(--vrs-outline);
  --vr-border-focus: var(--vrs-accent);
  --vr-glow-primary: 0 0 20px rgba(137, 167, 177, 0.18);
  --vr-glow-cta: 0 10px 28px rgba(137, 167, 177, 0.16);
  --vr-glow-logo: var(--vrs-shadow-logo-glow);

  --vr-radius-xs: var(--vrs-radius-xs);
  --vr-radius-sm: var(--vrs-radius-sm);
  --vr-radius-md: var(--vrs-radius-md);
  --vr-radius-lg: var(--vrs-radius-md);
  --vr-radius-full: var(--vrs-radius-full);

  --vr-font-display: var(--vrs-font-sans);
  --vr-font-body: var(--vrs-font-sans);
}