/**
 * 奇盾防御官网 v2 — Design Tokens
 * 作用域：.qdv2-site 及以下，不污染后台
 */
.qdv2-site {
  /* Color — brand */
  --qdv2-bg: #080f1e;
  --qdv2-bg-elevated: #0d192b;
  --qdv2-bg-card: #13233b;
  --qdv2-bg-card-hover: #182b45;
  --qdv2-border: rgba(148, 163, 184, 0.14);
  --qdv2-border-strong: rgba(46, 139, 255, 0.35);

  --qdv2-brand: #2e8bff;
  --qdv2-brand-hover: #5ca3ff;
  --qdv2-brand-muted: rgba(46, 139, 255, 0.12);

  --qdv2-accent: #19c7b5;
  --qdv2-accent-hover: #3dd9c9;
  --qdv2-accent-muted: rgba(25, 199, 181, 0.12);

  --qdv2-text: #f8fafc;
  --qdv2-text-muted: #a9b9d0;
  --qdv2-text-subtle: #7a8ba6;

  --qdv2-danger: #f87171;
  --qdv2-warning: #fbbf24;
  --qdv2-success: #19c7b5;

  /* Typography */
  --qdv2-font-sans: "Segoe UI", system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
  --qdv2-font-mono: "Cascadia Code", "SF Mono", Consolas, monospace;

  --qdv2-text-xs: 0.75rem;
  --qdv2-text-sm: 0.875rem;
  --qdv2-text-base: 1rem;
  --qdv2-text-md: 1.125rem;
  --qdv2-text-lg: 1.25rem;
  --qdv2-text-xl: 1.5rem;
  --qdv2-text-2xl: clamp(1.75rem, 4vw, 2.25rem);
  --qdv2-text-3xl: clamp(2rem, 5vw, 2.75rem);
  --qdv2-text-hero: clamp(2.75rem, 6vw, 4rem);

  --qdv2-leading-tight: 1.15;
  --qdv2-leading-normal: 1.6;
  --qdv2-leading-relaxed: 1.75;

  --qdv2-weight-normal: 400;
  --qdv2-weight-medium: 500;
  --qdv2-weight-semibold: 600;
  --qdv2-weight-bold: 700;

  /* Spacing */
  --qdv2-space-1: 0.25rem;
  --qdv2-space-2: 0.5rem;
  --qdv2-space-3: 0.75rem;
  --qdv2-space-4: 1rem;
  --qdv2-space-5: 1.25rem;
  --qdv2-space-6: 1.5rem;
  --qdv2-space-8: 2rem;
  --qdv2-space-10: 2.5rem;
  --qdv2-space-12: 3rem;
  --qdv2-space-16: 4rem;
  --qdv2-space-20: 5rem;
  --qdv2-space-24: 6rem;
  --qdv2-space-28: 7rem;

  --qdv2-section-y: clamp(5rem, 8vw, 7rem);
  --qdv2-section-y-sm: clamp(3.5rem, 6vw, 5rem);

  /* Layout */
  --qdv2-container-max: 1240px;
  --qdv2-nav-height: 76px;
  --qdv2-gutter: clamp(1rem, 4vw, 1.5rem);

  /* Radius */
  --qdv2-radius-sm: 8px;
  --qdv2-radius-md: 14px;
  --qdv2-radius-lg: 18px;
  --qdv2-radius-xl: 20px;
  --qdv2-radius-full: 9999px;

  /* Shadow */
  --qdv2-shadow-sm: 0 4px 24px rgba(0, 0, 0, 0.25);
  --qdv2-shadow-md: 0 12px 40px rgba(0, 0, 0, 0.35);
  --qdv2-shadow-glow-brand: 0 0 0 1px rgba(46, 139, 255, 0.2), 0 8px 32px rgba(46, 139, 255, 0.15);
  --qdv2-shadow-glow-accent: 0 0 0 1px rgba(25, 199, 181, 0.2), 0 8px 32px rgba(25, 199, 181, 0.12);

  /* Breakpoints (for reference in JS / media queries) */
  --qdv2-bp-sm: 640px;
  --qdv2-bp-md: 768px;
  --qdv2-bp-lg: 1024px;
  --qdv2-bp-xl: 1280px;

  /* Motion */
  --qdv2-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --qdv2-duration: 0.22s;
  --qdv2-duration-slow: 0.45s;

  /* Focus */
  --qdv2-focus-ring: 0 0 0 3px rgba(46, 139, 255, 0.45);
}