/**
 * 百鸣软件 — 全站设计变量（配色 / 字号 / 间距 / 圆角）
 * 在 Bootstrap 之前引入，供各页 inline 样式与 site.css 使用。
 */
:root {
  /* —— 色板（黑白灰体系）—— */
  --bm-ink: #0a0a0a;
  --bm-ink-2: #171717;
  --bm-ink-muted: #404040;
  --bm-surface: #ffffff;
  --bm-surface-muted: #fafafa;
  --bm-surface-alt: #f0f0f0;
  --bm-surface-elevated: #e5e5e5;

  --bm-text: #0a0a0a;
  --bm-text-secondary: #525252;
  --bm-text-muted: #737373;

  --bm-inverse: #fafafa;
  --bm-bg-dark: #0a0a0a;
  --bm-bg-dark-deep: #050505;
  --bm-bg-footer: #030303;
  --bm-surface-dark: #141414;

  --bm-border-light: rgba(0, 0, 0, 0.08);
  --bm-border-light-strong: rgba(0, 0, 0, 0.12);
  --bm-border-on-dark: rgba(255, 255, 255, 0.12);
  --bm-border-on-dark-soft: rgba(255, 255, 255, 0.18);

  --bm-muted-on-dark: #a3a3a3;
  --bm-line-on-dark: rgba(255, 255, 255, 0.1);

  /* 深色顶栏/页脚内专用（与浅色页 border 区分） */
  --bm-nav-border: var(--bm-border-on-dark);
  --bm-nav-text: var(--bm-inverse);

  /* —— 圆角 —— */
  --bm-radius-sm: 6px;
  --bm-radius-md: 10px;
  --bm-radius-lg: 12px;
  --bm-radius-xl: 14px;

  /* —— 间距（rem）—— */
  --bm-space-1: 0.25rem;
  --bm-space-2: 0.5rem;
  --bm-space-3: 0.75rem;
  --bm-space-4: 1rem;
  --bm-space-5: 1.25rem;
  --bm-space-6: 1.5rem;
  --bm-space-8: 2rem;
  --bm-space-10: 2.5rem;
  --bm-space-12: 3rem;

  /* —— 字体栈 —— */
  --bm-font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --bm-font-mono: ui-monospace, "Cascadia Code", "SF Mono", Consolas, monospace;

  /* —— 字号（fluid，适配手机~大屏）—— */
  --bm-text-xs: clamp(0.75rem, 0.72rem + 0.15vw, 0.8125rem);
  --bm-text-sm: clamp(0.8125rem, 0.78rem + 0.2vw, 0.875rem);
  --bm-text-base: clamp(0.9375rem, 0.88rem + 0.25vw, 1rem);
  --bm-text-md: clamp(1rem, 0.92rem + 0.35vw, 1.0625rem);
  --bm-text-lg: clamp(1.0625rem, 0.95rem + 0.45vw, 1.125rem);
  --bm-text-xl: clamp(1.125rem, 1rem + 0.65vw, 1.25rem);
  --bm-text-2xl: clamp(1.25rem, 1.05rem + 0.95vw, 1.5rem);
  --bm-text-3xl: clamp(1.45rem, 1.15rem + 1.35vw, 1.85rem);
  --bm-text-4xl: clamp(1.85rem, 1.35rem + 2.2vw, 2.65rem);

  --bm-leading-tight: 1.2;
  --bm-leading-snug: 1.35;
  --bm-leading-normal: 1.55;

  /* —— 顶栏 / 页脚深色区（旧 site.css 曾用 --bm-text 表示浅色字，已改为语义名）—— */
  --bm-bg: var(--bm-bg-dark);
  --bm-surface-nav: var(--bm-surface-dark);
  --bm-border: var(--bm-border-on-dark);
  --bm-muted: var(--bm-muted-on-dark);
  --bm-fg-on-dark: var(--bm-inverse);

  /* —— 与历史 PHP 内联样式兼容 —— */
  --primary-color: var(--bm-ink);
  --secondary-color: #262626;
  --accent-color: var(--bm-text-secondary);
  --text-dark: var(--bm-text);
  --text-light: var(--bm-text-muted);
  --bg-light: var(--bm-surface-alt);
  --border-color: var(--bm-border-light);

  /* —— Bootstrap 5 桥接 ——
     注意：bootstrap.min.css 会在 :root 里再次定义 --bs-primary 等为默认蓝。
     各页须在 Bootstrap 之后引入 /assets/css/bootstrap-bridge.css。 */
  --bs-body-font-family: var(--bm-font-sans);
  --bs-body-font-size: var(--bm-text-base);
  --bs-body-line-height: var(--bm-leading-normal);
  --bs-body-color: var(--bm-text);
  --bs-body-bg: var(--bm-surface-muted);
  --bs-primary: var(--bm-ink);
  --bs-primary-rgb: 10, 10, 10;
}

html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}