/* ============================================
   Design Tokens
   注意：以下 --gold 系列变量为静态 fallback 值。
   实际运行时由 functions.php 动态读取 B2 后台 web_color
   并通过 wp_add_inline_style 注入覆盖，自动跟随后台设置。
   ============================================ */
:root {
  --gold: #F59E0B;
  --gold-rgb: 245,158,11;
  --gold-light: #FCD34D;
  --gold-dark: #D97706;
  --gold-bg: rgba(var(--gold-rgb),0.06);
  --gold-bg-03: rgba(var(--gold-rgb),0.03);
  --gold-bg-08: rgba(var(--gold-rgb),0.08);
  --gold-bg-10: rgba(var(--gold-rgb),0.1);
  --gold-bg-12: rgba(var(--gold-rgb),0.12);
  --gold-bg-15: rgba(var(--gold-rgb),0.15);
  --gold-bg-20: rgba(var(--gold-rgb),0.2);
  --gold-bg-25: rgba(var(--gold-rgb),0.25);
  --gold-bg-30: rgba(var(--gold-rgb),0.3);
  --gold-bg-40: rgba(var(--gold-rgb),0.4);
  --gold-bg-50: rgba(var(--gold-rgb),0.5);
  --purple: #8B5CF6;
  --purple-dark: #7C3AED;
  --purple-light: rgba(139,92,246,0.08);
  --text-primary: #0F172A;
  --text-secondary: #475569;
  --text-muted: #94A3B8;
  --border: #E2E8F0;
  --border-light: rgba(0,0,0,0.04);
  --bg-card: #fff;
  --bg-hover: #FAFBFC;
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 20px;
  --r-full: 9999px;
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.06);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.08);
  --shadow-gold: 0 8px 24px var(--gold-bg-12);
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --t-fast: 0.15s var(--ease);
  --t-base: 0.25s var(--ease);
  --t-slow: 0.35s var(--ease);
}

/* ============================================
   Global Base
   ============================================ */
html { scroll-behavior: smooth; }

body {
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC",
    "Helvetica Neue", "Microsoft YaHei", "Noto Sans SC", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--text-primary);
}

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #CBD5E1; border-radius: var(--r-full); }
::-webkit-scrollbar-thumb:hover { background: #94A3B8; }

::selection {
  background: var(--gold-bg-15);
  color: var(--gold-dark);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
  html { scroll-behavior: auto; }
}