/* ========== 须弥风格变量 ========== */
:root {
  --bg-void:      #0B0F14;
  --bg-deep:      #111921;
  --bg-panel:     #182331;
  --bg-card:      #1E2D3D;
  --bg-hover:     #253748;
  --jade-600:     #1B6B4A;
  --jade-400:     #2EA870;
  --jade-200:     #5DDDAA;
  --jade-100:     #9FFADA;
  --jade-50:      #D0FFF0;
  --blue-200:     #5B9EF0;
  --blue-100:     #9DCFFF;
  --gold-200:     #F0BE3A;
  --gold-400:     #C48A0A;
  --color-success: #5DDDAA;
  --color-info:    #5B9EF0;
  --color-warn:    #F0BE3A;
  --color-error:   #F07070;
  --color-arcane:  #B07AE0;
  --color-epic:    #E868A0;
  /* RGB 通道（供 rgba(var(--xx-rgb), alpha) 使用） */
  --jade-200-rgb: 93,221,170;
  --blue-200-rgb: 91,158,240;
  --gold-200-rgb: 240,190,58;
  --color-arcane-rgb: 176,122,224;
  --color-epic-rgb: 232,104,160;
  --text-primary:   #E8F4EE;
  --text-secondary: #A8C4B8;
  --text-muted:     #6A8C80;
  --text-disabled:  #3A5A50;
  /* 兼容 commands.html 的变量名（给 version-check.js 用） */
  --border: var(--bg-hover);
  --text-main: var(--text-primary);
  --accent: var(--jade-200);
  --font-mono: "JetBrains Mono", Consolas, monospace;
  --font-sans: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --tab-h: 56px;
  --topbar-h: 44px;
  --sidebar-w: 240px;
  --sidebar-w-collapsed: 56px;
  --motion-fast: 120ms;
  --motion-collapse: 170ms;
  --motion-normal: 200ms;
  --motion-sheet: 250ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  /* 毛玻璃深度体系 */
  --glass-card:    rgba(30, 45, 61, 0.30);
  --glass-card-raised: rgba(30, 45, 61, 0.44);
  --glass-card-subtle: rgba(30, 45, 61, 0.36);
  --glass-card-hover:  rgba(37, 55, 72, 0.50);
  --glass-panel:   rgba(255, 255, 255, 0.06);
  --glass-deep:    rgba(0, 0, 0, 0.18);
  --glass-dialog:  rgba(255, 255, 255, 0.08);
  --glass-blur-sm: blur(8px);
  --glass-blur:    blur(16px);
  --glass-blur-lg: blur(20px);
  --glass-border:        rgba(93, 221, 170, 0.08);
  --glass-border-strong: rgba(93, 221, 170, 0.14);
  /* 方向光边框（强光 / 柔光两档） */
  --glass-bt: 1px solid rgba(255,255,255,.14);
  --glass-bs: 1px solid rgba(255,255,255,.06);
  --glass-bb: 1px solid rgba(255,255,255,.03);
  --glass-bt-lt: 1px solid rgba(255,255,255,.08);
  --glass-bs-lt: 1px solid rgba(255,255,255,.04);
  --glass-bb-lt: 1px solid rgba(255,255,255,.02);
  --glass-edge-dark: 1px solid rgba(0,0,0,.24);
  --glass-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --glass-shine:   rgba(255, 255, 255, 0.04);
  --glass-shadow-sm: 0 1px 3px rgba(0,0,0,.25),
                     0 4px 12px rgba(0,0,0,.12),
                     inset 0 1px 0 var(--glass-shine);
  --glass-shadow-raised: 0 1px 2px rgba(0,0,0,.28),
                         0 7px 18px rgba(0,0,0,.14),
                         inset 0 1px 0 rgba(255,255,255,.055),
                         inset 0 -14px 24px rgba(0,0,0,.04);
  --glass-shadow-subtle: 0 1px 2px rgba(0,0,0,.22),
                         0 4px 12px rgba(0,0,0,.09),
                         inset 0 1px 0 rgba(255,255,255,.04);
  --glass-shadow:    0 1px 3px rgba(0,0,0,.25),
                     0 8px 24px rgba(0,0,0,.15),
                     inset 0 1px 0 var(--glass-shine);
  --glass-shadow-lg: 0 1px 3px rgba(0,0,0,.25),
                     0 12px 40px rgba(0,0,0,.18),
                     inset 0 1px 0 rgba(255,255,255,.05);
}