/* BufferMind 官网色彩 —— 唯一事实源。
 *
 * 每个营销页都 <link> 这一份，页面自己的 CSS 只准引用 var(--bm-*)，不要再写死色值。
 * 全站配色曾漂成三套（首页近黑 / 次级页蓝渐变 / 法务页白底）、蓝色有四个
 * （#1769ff · #60a5fa · #0071e3 · #2563eb），本文件就是为了终结这件事。
 *
 * 品牌蓝取 App 里译文用的那一对（深色面 #60a5fa = logo-mark.svg 的蓝，浅色面
 * #1d4ed8），官网向产品对齐，而不是另立一套。
 */

:root {
  /* 底 —— 全站同一个近黑，首页与关键页在它之上再叠 aurora 视频。
     --bm-ground-rgb 是同色的通道值，给需要渐变淡出到底色的地方用
     （首页 demo 区收底那条九段渐变即靠它）——改底色时两行必须一起改。 */
  --bm-ground: #020409;
  --bm-ground-rgb: 2, 4, 9;
  /* 比底略抬一档的实心面（大块媒体卡片用），不是半透明卡面 */
  --bm-ground-raised: #080d16;
  /* aurora 视频加载完成前铺的底色。**刻意不是 --bm-ground**：视频是亮天蓝，
     用近黑兜底会从纯黑猛闪到亮蓝，这个深海军蓝是两者之间的过渡。
     首页与联系页共用（曾各写各的）。 */
  --bm-aurora-fallback: #0b1f44;

  /* 浮在底之上的卡面 */
  --bm-surface: rgba(255, 255, 255, 0.06);
  --bm-surface-strong: rgba(255, 255, 255, 0.09);
  --bm-surface-border: rgba(255, 255, 255, 0.08);
  --bm-line: rgba(255, 255, 255, 0.1);

  /* 深色底上的文字 */
  --bm-ink: #f0f4f8;
  --bm-ink-soft: #94a3b8;

  /* 品牌蓝：深色面用 --bm-accent，浅色面（白卡片、浅色截图内）用 --bm-accent-on-light。
     --bm-accent-rgb 是同一个蓝的通道值，给需要带透明度的地方用
     （rgba() 吃不下十六进制变量，必须走 rgba(var(--bm-accent-rgb), α)）——
     改蓝色时这两行必须一起改。 */
  --bm-accent: #60a5fa;
  --bm-accent-rgb: 96, 165, 250;
  --bm-accent-on-light: #1d4ed8;

  /* 语义色（少量，保持与 App 一致）。同样分深浅两面：录音红点画在深色底上，
     错误文案画在浅色卡片里，浅面要更深才够对比。 */
  --bm-danger: #ef4444;
  --bm-danger-on-light: #dc2626;
}