/* Shared pretty-style tokens. */
:root {
  --pretty-bg: #f8fafc;
  --pretty-panel: #f3f6fb;
  --pretty-card: #ffffff;
  --pretty-card-soft: rgba(255, 255, 255, 0.76);
  --pretty-text: #1b1b1b;
  --pretty-text-soft: #4c4546;
  --pretty-text-muted: #76716f;
  --pretty-border: #e2e8f0;
  --pretty-border-strong: #cbd5e1;
  --pretty-nav-border: rgba(231, 231, 228, 0.86);
  --pretty-primary: #0f172a;
  --pretty-primary-hover: #1f2937;
  --pretty-on-primary: #ffffff;
  --pretty-zig-orange: #f7a41e;
  --pretty-zig-orange-soft: rgba(247, 164, 30, 0.18);
  --pretty-green: #728a42;
  --pretty-accent-ink: #304042;
  --pretty-emerald: #10b981;
  --pretty-blue: #3b82f6;
  --pretty-purple: #8b5cf6;
  --pretty-code-surface: #f8fafc;
  --pretty-code-surface-dark: #020617;
  --pretty-code-output: #f1f5f9;
  --pretty-code-output-dark: #0f172a;
  --pretty-code-border: #e2e8f0;
  --pretty-code-border-dark: #1e293b;
  --pretty-code-text: #334155;
  --pretty-code-text-dark: #cbd5e1;
  --pretty-code-muted: #64748b;
  --pretty-code-muted-dark: #94a3b8;
  --pretty-code-dot: #cbd5e1;
  --pretty-code-dot-dark: #334155;

  --pretty-font-sans: Geist, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --pretty-font-mono: "JetBrains Mono", "SFMono-Regular", "SF Mono", Consolas, "Liberation Mono", monospace;

  --pretty-container: 1280px;
  --pretty-rail: 1240px;
  --pretty-gutter: 32px;

  /* 赞助商 logo 统一尺寸令牌（首页 sponsors 走马灯与 ZSF 页 Corporate Sponsors 共用） */
  --pretty-sponsor-logo-height: 48px;
  --pretty-sponsor-logo-width: 200px;
  /* 首页走马灯按钮盒内边距（盒尺寸 = logo 尺寸 + 2 × 此值） */
  --pretty-sponsor-item-padding: 10px;
  --pretty-section-gap: 140px;
  --pretty-nav-height: 68px;
  --pretty-radius-sm: 8px;
  --pretty-radius-md: 8px;
  --pretty-radius-lg: 10px;
  --pretty-radius-xl: 12px;
  --pretty-radius-pill: 8px;

  --pretty-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);
  --pretty-shadow-md: 0 10px 30px rgba(15, 23, 42, 0.08);
  --pretty-shadow-glass: 0 24px 80px rgba(15, 23, 42, 0.08);
  --pretty-shadow-code: 0 28px 80px rgba(15, 23, 42, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  --pretty-ease: 180ms ease;
}

html {
  scroll-padding-top: var(--pretty-nav-height);
}

@media (prefers-color-scheme: dark) {
  :root {
    --pretty-nav-border: rgba(255, 255, 255, 0.08);
  }
}
