/**
 * 全站设计令牌（主题变量）
 * 前台 main.css 与后台 admin.css 均依赖本文件；换主题时主要改此处即可。
 */

:root {
  /* --- 品牌与语义色（工业站：亮蓝强调 + 板岩中性，与前台 React 参考稿一致） --- */
  --color-primary: #2563eb;
  --color-primary-hover: #1d4ed8;
  --color-primary-muted: #dbeafe;
  --color-link: #2563eb;
  --color-link-hover: #1d4ed8;
  /* 强调/CTA 与主色一致，便于一键换肤 */
  --color-accent: var(--color-primary);
  --color-accent-hover: var(--color-primary-hover);

  /* --- 表面与文字 --- */
  --color-bg: #f8fafc;
  --color-surface: #ffffff;
  --color-ink: #0f172a;
  --color-muted: #64748b;
  --color-line: #e2e8f0;
  --color-line-strong: #cbd5e1;

  /* --- Dropdown / 语言下拉（匹配 wanbangda-project React Navbar 样式） --- */
  --color-dropdown-bg: #ffffff;
  --color-dropdown-hover: #f8fafc;
  --color-dropdown-active: #eff6ff;
  --color-dropdown-active-text: #1e40af;

  /* --- Hero / 深色区（轮播遮罩、渐变兜底、页脚） --- */
  --color-hero-from: #1e3a8a;
  --color-hero-to: #2563eb;
  --color-hero-mid: #3b82f6;
  --color-hero-eyebrow: #bfdbfe;
  --color-footer-bg: #020617;
  --color-footer-text: #94a3b8;
  --color-footer-heading: #f8fafc;

  /* --- 阴影层级（Material 式轻微抬升） --- */
  --shadow-sm: 0 1px 2px rgba(60, 64, 67, 0.08), 0 1px 3px rgba(60, 64, 67, 0.12);
  --shadow-md: 0 2px 6px rgba(60, 64, 67, 0.1), 0 4px 12px rgba(60, 64, 67, 0.08);
  --shadow-lg: 0 8px 24px rgba(60, 64, 67, 0.12), 0 12px 40px rgba(60, 64, 67, 0.06);
  --shadow-xl: 0 25px 50px -12px rgba(15, 23, 42, 0.18);

  /* --- 圆角（8px 基准；大卡片偏圆润以贴近展示稿） --- */
  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 24px;
  --radius-pill: 9999px;

  /* --- 布局 --- */
  --header-h: 64px;
  --max: 1280px;
  --admin-max: 1200px;

  /* --- 排版 --- */
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans SC", "PingFang SC", sans-serif;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --line-height-body: 1.6;
  --line-height-tight: 1.25;

  /* --- 动效（与 prefers-reduced-motion 配合） --- */
  --motion-duration-xs: 0.12s;
  --motion-duration-sm: 0.2s;
  --motion-duration-md: 0.35s;
  --motion-ease-out: cubic-bezier(0.2, 0, 0, 1);
  --motion-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);

  /* --- z-index 刻度 --- */
  --z-header: 50;
  --z-dropdown: 60;
  --z-carousel-ui: 5;

  /* --- 浏览器 chrome（theme-color meta 可引用） --- */
  --theme-color: var(--color-primary);

  /* --- 后台别名（与前台同源，避免 admin.css 硬编码色值） --- */
  --admin-sidebar: #020617;
  --admin-sidebar-text: #9aa0a6;
  --admin-sidebar-border: rgba(154, 160, 166, 0.22);
  --admin-accent: var(--color-primary);
  --admin-accent-hover: var(--color-primary-hover);
  --admin-accent-soft: rgba(26, 115, 232, 0.14);
  --admin-surface: var(--color-surface);
  --admin-border: var(--color-line);
  --admin-muted: var(--color-muted);
  --admin-page-bg: var(--color-bg);
  --admin-ink: var(--color-ink);
}