/* ==========================================================================
   映桥 ReelBridge · 设计令牌 v1.1（全站唯一令牌源）
   --------------------------------------------------------------------------
   规则：全站任何样式只引用本文件 var(--rb-*)，禁止写死色值/圆角/阴影。
   变更记录：
   - v1.0 2026-07-31 过审基线（色彩/字体/圆角/间距）
   - v1.1 2026-07-31 对比度修正：C 端 CTA 实底 #FF6B4A → #E14B28（白字≈4.6:1 过 AA），
     新增 --rb-orange-cta / --rb-orange-cta-hover；新增玻璃态与间距令牌；
     登记黄昏游园会皮肤令牌区（值由 rb-dusk-overlay.css 注入，组件只引用）。
   ========================================================================== */

:root {
  /* ---------- 品牌色 ---------- */
  --rb-blue: #2F5BFF;            /* 桥蓝 · B 端功能主色 */
  --rb-blue-hover: #1F46E0;
  --rb-violet: #7C5CFF;          /* 映紫 · 辅助/进行态 */
  --rb-orange: #FF6B4A;          /* 暖橙 · 品牌点缀（不做白字实底，对比度不足） */
  --rb-orange-cta: #E14B28;      /* C 端 CTA 实底（v1.1 修正，白字≈4.6:1） */
  --rb-orange-cta-hover: #C93E1D;
  --rb-gradient: linear-gradient(120deg, #2F5BFF, #7C5CFF 55%, #FF6B4A); /* 桥渐变 · 仅品牌层 */

  /* ---------- 中性色 ---------- */
  --rb-ink-900: #0B1020;         /* 深色底 / 主文案 */
  --rb-ink-700: #1A2033;         /* 次级深底 */
  --rb-gray-500: #5B6478;        /* 次要文案 */
  --rb-gray-300: #98A0B3;        /* 占位/禁用文案 */
  --rb-line-200: #E6E9F2;        /* 分割线/边框 */
  --rb-paper-50: #F7F8FC;        /* 浅色页面底 */
  --rb-white: #FFFFFF;

  /* ---------- 语义色 ---------- */
  --rb-success: #12B76A;
  --rb-warning: #F79009;
  --rb-error: #F04438;
  --rb-success-soft: rgba(18, 183, 106, .12);   /* 语义色浅底（徽章/提示条） */
  --rb-warning-soft: rgba(247, 144, 9, .12);
  --rb-error-soft: rgba(240, 68, 56, .12);
  --rb-violet-soft: rgba(124, 92, 255, .12);
  --rb-blue-soft: rgba(47, 91, 255, .10);
  --rb-orange-soft: rgba(255, 107, 74, .12);

  /* ---------- 深色底上的玻璃态（Hero/页脚/胶片条专用） ---------- */
  --rb-glass-bg: rgba(255, 255, 255, .08);
  --rb-glass-bg-strong: rgba(255, 255, 255, .12);
  --rb-glass-border: rgba(255, 255, 255, .16);
  --rb-on-dark-text: #C7CEE0;    /* 深底正文 */
  --rb-on-dark-sub: #A7B0C4;     /* 深底次要文案 */
  --rb-on-dark-mask: rgba(11, 16, 32, .55);  /* 深底浮层蒙版 */

  /* ---------- 圆角 ---------- */
  --rb-radius-btn: 10px;
  --rb-radius-card: 16px;
  --rb-radius-modal: 20px;
  --rb-radius-pill: 999px;

  /* ---------- 阴影/辉光 ---------- */
  --rb-shadow-card: 0 1px 2px rgba(11, 16, 32, .04), 0 8px 24px rgba(11, 16, 32, .06);
  --rb-shadow-card-hover: 0 2px 4px rgba(11, 16, 32, .05), 0 16px 40px rgba(11, 16, 32, .10);
  --rb-glow: 0 8px 32px rgba(47, 91, 255, .35);        /* 主 CTA 辉光，每屏唯一 */
  --rb-glow-accent: 0 8px 32px rgba(225, 75, 40, .30); /* C 端 CTA 辉光 */

  /* ---------- 动效 ---------- */
  --rb-ease: cubic-bezier(.22, 1, .36, 1);
  --rb-dur: .22s;

  /* ---------- 字体 ---------- */
  --rb-font-display: 'Space Grotesk', 'Noto Sans SC', sans-serif;   /* 数字/英文展示/价格 */
  --rb-font-ui: 'Inter', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;

  /* ---------- 间距（4 基栅） ---------- */
  --rb-space-1: 4px;
  --rb-space-2: 8px;
  --rb-space-3: 12px;
  --rb-space-4: 16px;
  --rb-space-5: 24px;
  --rb-space-6: 32px;
  --rb-space-7: 48px;
  --rb-space-8: 72px;

  /* ---------- 字级（标题行高 1.25 / 正文 1.6） ---------- */
  --rb-text-display: 48px;
  --rb-text-h1: 38px;
  --rb-text-h2: 30px;
  --rb-text-h3: 24px;
  --rb-text-body: 16px;
  --rb-text-caption: 13px;

  /* ---------- 黄昏游园会皮肤令牌区（值由 rb-dusk-overlay.css 8/2 注入） ----------
     组件可引用，但本期由 overlay 兜底；不要在业务代码里给它们赋值。
     --rb-dusk-sky-1 / --rb-dusk-sky-2 / --rb-dusk-sky-3   暮色天光三段
     --rb-dusk-horizon                                     地平线夕照晕
     --rb-dusk-band                                        顶部 3px 光带
  -------------------------------------------------------------------------- */
}

/* 动效降级：系统减弱动效时全站动画关闭 */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}