/* 七定物码官网设计变量 */
:root {
  --font-sans: "Plus Jakarta Sans", "PingFang SC", "Microsoft YaHei", "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", "Consolas", monospace;

  /* 背景：清爽浅灰 */
  --color-bg: #f5f6fa;
  --color-bg-elevated: #ffffff;
  --color-surface: #ffffff;
  --color-border: rgba(15, 23, 42, 0.08);
  --color-divider: rgba(15, 23, 42, 0.06);

  --color-text: #1d1d1f;
  --color-text-muted: #6b7280;
  --color-text-faint: #9ca3af;

  /* 主色：取自 logo 的青蓝渐变 */
  --color-accent: #128fc4;
  --color-accent-hover: #0f6db2;
  --color-accent-dim: rgba(18, 143, 196, 0.1);
  --color-accent-soft: #eef8fc;
  --color-brand-green: #18bf8b;
  --color-brand-blue: #2f55cf;

  /* 辅助色 */
  --color-warm: #ff9500;
  --color-success: #34c759;
  --color-danger: #ff3b30;

  --color-header-bg: rgba(255, 255, 255, 0.85);
  --color-ghost-fill: rgba(15, 23, 42, 0.04);
  --color-ghost-fill-hover: rgba(15, 23, 42, 0.08);

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;

  --shadow-glow: 0 0 60px rgba(18, 143, 196, 0.16);
  --shadow-card: 0 6px 24px rgba(15, 23, 42, 0.06);
  --shadow-card-hover: 0 12px 32px rgba(18, 143, 196, 0.14);

  --header-h: 4rem;
  --max-w: 75rem;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}