/**
 * Newvis · 开发版网页端 · Liquid Glass tokens
 * 依据 docs/sue-ai-ui-tech-kb-20260905.md §8 + style ref
 * newvis-liquid-glass-style-ref.png
 */
:root {
  /* Surfaces (mist blocks) */
  --nv-mist-gray: #d9ddd9;
  --nv-mist-blue: #aeb9bd;
  --nv-mist-purple: #b7b1bd;
  --nv-mist-warm: #eceae5;
  --nv-bg: #eceae5;
  --nv-bg-elevated: rgba(255, 255, 255, 0.55);
  --nv-bg-glass: rgba(255, 255, 255, 0.42);
  --nv-bg-glass-strong: rgba(255, 255, 255, 0.62);

  /* Text */
  --nv-text: #252729;
  --nv-text-muted: rgba(37, 39, 41, 0.62);
  --nv-text-faint: rgba(37, 39, 41, 0.42);

  /* Borders / glass edge */
  --nv-border: rgba(37, 39, 41, 0.1);
  --nv-border-glass: rgba(255, 255, 255, 0.55);
  --nv-highlight: rgba(255, 255, 255, 0.72);

  /* Accent — restrained cyan-steel, not neon */
  --nv-accent: #3d6f7a;
  --nv-accent-soft: rgba(61, 111, 122, 0.12);
  --nv-accent-strong: #2a525a;

  /* Shadows */
  --nv-shadow-glass: 0 12px 40px rgba(37, 39, 41, 0.08),
    0 1px 0 var(--nv-highlight) inset;
  --nv-shadow-float: 0 24px 60px rgba(37, 39, 41, 0.12);

  /* Radii */
  --nv-radius-pill: 999px;
  --nv-radius-lg: 28px;
  --nv-radius-md: 18px;
  --nv-radius-sm: 12px;

  /* Type — expressive, not Inter/system default alone */
  --nv-font-display: "SF Pro Display", "Segoe UI Variable Display", "Plus Jakarta Sans",
    "Noto Sans SC", system-ui, sans-serif;
  --nv-font-body: "SF Pro Text", "Segoe UI Variable Text", "Plus Jakarta Sans",
    "Noto Sans SC", system-ui, sans-serif;

  --nv-max: 1120px;
  --nv-header-h: 72px;
  --nv-ease: cubic-bezier(0.22, 1, 0.36, 1);

  /* Legacy aliases so old landing CSS keeps working while migrating */
  --bg: var(--nv-bg);
  --bg-alt: var(--nv-mist-warm);
  --surface: var(--nv-bg-glass-strong);
  --text: var(--nv-text);
  --text-muted: var(--nv-text-muted);
  --border: var(--nv-border);
  --border-soft: rgba(37, 39, 41, 0.06);
  --accent: var(--nv-accent);
  --accent-light: #5a8f9a;
  --accent-soft: var(--nv-accent-soft);
  --shadow-sm: 0 1px 2px rgba(37, 39, 41, 0.04);
  --shadow-md: var(--nv-shadow-glass);
  --shadow-lg: var(--nv-shadow-float);
  --radius: var(--nv-radius-md);
  --radius-sm: var(--nv-radius-sm);
  --max: var(--nv-max);
  --header-h: var(--nv-header-h);
  --font: var(--nv-font-body);
  --ease-out: var(--nv-ease);
}

/* Glass utility surfaces */
.nv-glass {
  background: var(--nv-bg-glass);
  backdrop-filter: blur(22px) saturate(1.35);
  -webkit-backdrop-filter: blur(22px) saturate(1.35);
  border: 1px solid var(--nv-border-glass);
  box-shadow: var(--nv-shadow-glass);
}

.nv-glass-strong {
  background: var(--nv-bg-glass-strong);
  backdrop-filter: blur(28px) saturate(1.4);
  -webkit-backdrop-filter: blur(28px) saturate(1.4);
  border: 1px solid var(--nv-border-glass);
  box-shadow: var(--nv-shadow-glass);
}

.nv-pill-nav {
  border-radius: var(--nv-radius-pill);
  padding: 0.45rem 0.55rem;
}