/**
 * navnova.com / NavisNova — 与 navisnova-docs design/homepage-prototype、navnova.com www 首页变量一致
 * 品牌字体仅在本文件 @import；顶栏壳在 style.css。此处 :root 令牌、布局标签别名、页面背景及顶栏与 51marine 的差异变量。
 */
@import url("https://com.51marine.com/fonts/navnova-fonts/fonts.css");

:root {
  --bg: #f0f2f6;
  --bg-elevated: #ffffff;
  --bg-card: #f8fafc;
  --border: rgba(15, 23, 42, 0.1);
  --text: #0f172a;
  --text-muted: #64748b;
  --accent: #0d9488;
  --accent-dim: rgba(13, 148, 136, 0.14);
  --accent-hover: #0f766e;
  --warn: #ea580c;
  --radius: 12px;
  --radius-sm: 8px;
  --font: "DM Sans", system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
  --mono: "JetBrains Mono", ui-monospace, monospace;
  --header-gap: 1.5rem;
  --header-bar-bg: rgba(255, 255, 255, 0.88);
  --header-brand-font-size: 1.5rem;
  --header-mark-gradient-end: #3b82f6;
  --header-mark-font-size: 0.7rem;
}

body {
  --site-font-sans: var(--font);
  --site-color-bg: var(--bg);
  --site-color-surface: var(--bg-elevated);
  --site-color-text: var(--text);
  --site-color-muted: var(--text-muted);
  --site-color-primary: var(--accent);
  --site-color-primary-hover: var(--accent-hover);
  --site-color-border: var(--border);
  --site-radius: var(--radius-sm);
}

body:has(> header) {
  background: var(--bg);
  background-image:
    radial-gradient(ellipse 100% 70% at 50% 0%, rgba(13, 148, 136, 0.08), transparent 55%),
    radial-gradient(ellipse 50% 50% at 100% 20%, rgba(59, 130, 246, 0.06), transparent);
}